Zeigen Sie das Bild in Qt an, um es an die Etikettengröße anzupassen

Ich habe bereits versucht, verschiedene Methoden zum anzeigen eines Bildes auf einem Formular, aber keiner von Ihnen arbeitet, wie ich es gerne hätte.

Habe ich gelesen, dass viele Orte der einfachste Weg ist, ein Etikett zu erstellen und zu verwenden, um das Bild anzuzeigen. Ich habe ein label, dessen Größe angegeben ist, die durch das layout, aber wenn ich ein Bild geladen, es mit einer pixmap, die Beschriftung wird angepasst, um die Größe des Bildes. Wenn ich mit img-tag als text-oder css-background-Eigenschaft, es zeigt auch nicht das ganze Bild. Was würde ich gerne tun, ist laden Sie das Bild und passen sich in das label, nicht die änderung der Bezeichnung der Größe, aber wenn ich die Größe meiner Fenster, und indem, dass die Größe des Etiketts, als auch, das Bild sollte in der Größe verändert werden, auch so wird es immer passen hinein.

Wenn die einzige Methode ist, um das Etikett Größe, und die Größe der pixmap, so dass es passen würde, und Griff in das resize-Ereignis (signal), wie kann ich die Größe der pixmap? Ich hoffe, ich werde Sie nicht brauchen, speichern Sie die ganze Sache in ein QImage, und erstellen Sie eine pixmap von ihm jede Zeit.

Ebenfalls, wie kann ich es mittig? Wenn es nicht passen sowohl die Breite und die Höhe, möchte ich die kleinere dimension zentriert werden.

Oh, und ich möchte nicht mit den Schiebereglern Griff überläuft.

InformationsquelleAutor der Frage Máthé Endre-Botond | 2011-04-13

  1. 18

    Tut QLabel::setScaledContents(bool) helfen? Es kann auch einige nützliche Informationen in der Bild-viewer-Beispiel zu.

    InformationsquelleAutor der Antwort Arnold Spence

  2. 17

    Tatsächlich gibt es eine sehr einfache Lösung für dieses problem. Es gibt zwei Dinge, die Sie ändern sollten:

    1. legen Sie die skalierten Inhalts zu wahren (oben erwähnt)

    2. legen Sie die label-Größe Politik ignoriert

      QLabel lblImage;

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

lblImage->setScaledContents( true );

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

    Wenn die lblImage ist die Größenänderung automatisch, wird das Bild Strecke, um die Größe des Etiketts.

    InformationsquelleAutor der Antwort bukkfa

  3. 13

    Werde ich auch die Antwort auf meine eigene Frage, aber nicht markieren Sie ihn als Lösung, denn ich bat um eine einfache eins, das oben gegeben. Ich landete mit eine nicht allzu einfache Lösung, nachdem alle, so wer Sie auch braucht, etwas ähnliches zu tun und die Zeit hat, mit ihm zu spielen hier ist meine Letzte funktionierende code. Die Idee ist, erweitern Sie die QLabel-und überlastung der setPixmap und die drawEvent Methoden.

    QPictureLabel.hpp (header-Datei)

    #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 (Umsetzung)

    #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);
}

    Nutzung : die gleichen wie bei einem normalen label für die Anzeige von Bild wirthout die 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);

    InformationsquelleAutor der Antwort Máthé Endre-Botond

  4. 6

    Behalten Sie eine Kopie Ihrer ursprünglichen pixmap herum. Schließen Sie dann das resized signal an einen slot (oder überschreiben Sie die resizeEvent() - Funktion), der dies implementiert :

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

    InformationsquelleAutor der Antwort Tim MB

Schreibe einen Kommentar