Отображение изображения в Qt в соответствии с размером метки

Я уже пробовал несколько методов отображения изображения в форме, но ни один из них не работает так, как мне хотелось бы.

Я прочитал много мест, что самый простой способ-создать метку и использовать ее для отображения изображения. У меня есть метка, размер которой определяется макетом, но если я загружаю в нее изображение с помощью pixmap, метка изменяется до размера изображения. Если я использую тег img В качестве текстового или CSS-свойства фона,он не будет отображать все изображение. Что я хочу сделать, это чтобы загрузить изображение и вписаться в метку, не изменяя размер метки, но когда я изменяю размер окна, а также изменение размера метки, изображение также должно быть изменено, чтобы оно всегда вписывалось в него.

Если единственный метод-получить размер метки и изменить размер pixmap, чтобы он соответствовал, и обработать событие изменения размера (сигнал), как я могу изменить размер pixmap? Надеюсь, мне не нужно будет сохранять все это в QImage и создавать pixmap из него каждый раз.

также, как я могу его центрировать? Если он не может соответствовать как ширине, так и высоте, я хотел бы, чтобы меньшее измерение было центрировано.

О, и я не хочу использовать ползунки для обработки переполнений.

25
autoresize image qt

4 ответов

тут QLabel:: setScaledContents (bool) помочь? Там также может быть некоторая полезная информация в пример просмотра изображений тоже.

18

на самом деле есть очень простое решение этой проблемы. Есть две вещи, которые вы должны изменить:

  1. установите масштабируемое содержимое в true (упомянуто выше)

  2. установите политику размера метки в ignored

    QLabel lblImage;

lblImage->setPixmap( QPixmap( "big_image.jpg" ) );

lblImage->setScaledContents( true );

lblImage->setSizePolicy( QSizePolicy::Ignored, QSizePolicy::Ignored );

Если размер lblImage изменяется автоматически, изображение будет растягиваться до размера метки.

17

Я также отвечу на свой вопрос, но не буду отмечать его как решение, потому что я попросил простой, который был дан выше. В конце концов, я использовал не слишком простое решение, поэтому любой, кто также должен сделать что-то подобное и имеет время, чтобы играть с ним, вот мой окончательный рабочий код. Идея состоит в том, чтобы развернуть QLabel и перегрузить setPixmap и методы drawEvent.

QPictureLabel.ГЭС (заголовок файл)

#include "QImage.h"
#include "QPixmap.h"
#include "QLabel.h"

class QPictureLabel : public QLabel
{
private:
    QPixmap _qpSource; //preserve the original, so multiple resize events won't break the quality
    QPixmap _qpCurrent;

    void _displayImage();

public:
    QPictureLabel(QWidget *aParent) : QLabel(aParent) { }
    void setPixmap(QPixmap aPicture);
    void paintEvent(QPaintEvent *aEvent);
};

QPictureLabel.cpp (реализация)

#include "QPainter.h"

#include "QPictureLabel.hpp"

void QPictureLabel::paintEvent(QPaintEvent *aEvent)
{
    QLabel::paintEvent(aEvent);
    _displayImage();
}

void QPictureLabel::setPixmap(QPixmap aPicture)
{
    _qpSource = _qpCurrent = aPicture;
    repaint();
}

void QPictureLabel::_displayImage()
{
    if (_qpSource.isNull()) //no image was set, don't draw anything
        return;

    float cw = width(), ch = height();
    float pw = _qpCurrent.width(), ph = _qpCurrent.height();

    if (pw > cw && ph > ch && pw/cw > ph/ch || //both width and high are bigger, ratio at high is bigger or
        pw > cw && ph <= ch || //only the width is bigger or
        pw < cw && ph < ch && cw/pw < ch/ph //both width and height is smaller, ratio at width is smaller
        )
        _qpCurrent = _qpSource.scaledToWidth(cw, Qt::TransformationMode::FastTransformation);
    else if (pw > cw && ph > ch && pw/cw <= ph/ch || //both width and high are bigger, ratio at width is bigger or
        ph > ch && pw <= cw || //only the height is bigger or
        pw < cw && ph < ch && cw/pw > ch/ph //both width and height is smaller, ratio at height is smaller
        )
        _qpCurrent = _qpSource.scaledToHeight(ch, Qt::TransformationMode::FastTransformation);

    int x = (cw - _qpCurrent.width())/2, y = (ch - _qpCurrent.height())/2;

    QPainter paint(this);
    paint.drawPixmap(x, y, _qpCurrent);
}

использование : такой же, как с помощью обычного метки для отображения изображения wirthout в setScaledContents

img_Result = new QPictureLabel(ui.parent);
layout = new QVBoxLayout(ui.parent);
layout->setContentsMargins(11, 11, 11, 11);
ui.parent->setLayout(layout);
layout->addWidget(img_Result);

//{...}

QPixmap qpImage(qsImagePath);
img_Result->setPixmap(qpImage);
13

сохранить копию оригинала pixmap вокруг. Затем подключите resized сигнал в слот (или переопределить resizeEvent() функция), которая реализует это:

lblImage->setPixmap(pixmap.scaled(lblImage->size(), Qt::KeepAspectRatio, Qt::SmoothTransformation));
6