Ändern rechteckigen Qt-Taste, um Runde

Ich bin versuchen, um eine Runde Taste in Qt. Ein einfaches Formular mit einem einzelnen Knopf QPushButton war in designer erstellt. Ich bin versucht, diesen in einen Runden Knopf mit setMask(). Sobald setMask() angewendet wird, die Taste disappeares. Hat ein custom-widget erstellt werden müssen, um eine Runde Taste?

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QMessageBox>
#include <QtGui/QPushButton>


MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    ui->pushButton->setText("Test Text");
    ui->pushButton->setFixedHeight(200);
    ui->pushButton->setFixedWidth(200);

    //Set Starting point of region 5 pixels inside , make region width & height
    //values same and less than button size so that we obtain a pure-round shape

    QRegion* region = new QRegion(*(new QRect(ui->pushButton->x()+5,ui->pushButton->y()+5,190,190)),QRegion::Ellipse);
    ui->pushButton->setMask(*region);
    ui->pushButton->show();


}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::on_pushButton_clicked()
{
    QMessageBox msgbox;
    msgbox.setText("Text was set");
    msgbox.show();

}

Hinweis: Wenn die Schaltfläche erstellt im code und auf ein Fenster, bevor das Fenster angezeigt wird, die Taste wird angezeigt. Ich würde gerne mit dem WYSIWIG-Funktionen der Qt-Designer, anstatt die ganze form im code.

InformationsquelleAutor DarwinIcesurfer | 2012-10-04
  1. 18

    Wird es unsichtbar ist, sondern weil Sie nicht die ellipse zentriert um den richtigen Punkt.

    QWidget::setMask "bewirkt, dass nur die Teile des widgets, die sich überschneiden region sichtbar zu sein. Wenn die region umfasst die Pixel außerhalb der rect() des widgets, Fenster-system-Steuerelemente in diesem Bereich kann sichtbar oder unsichtbar sein, je nach Plattform".

    Versuchen, diesen code statt, und Sie werden sehen:

    MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    ui->pushButton->setText("Test Text");
    ui->pushButton->setFixedHeight(200);
    ui->pushButton->setFixedWidth(200);
    QRect rect(0,0,190,190);
    qDebug() << rect.size();
    qDebug() << ui->pushButton->size();
    QRegion region(rect, QRegion::Ellipse);
    qDebug() << region.boundingRect().size();
    ui->pushButton->setMask(region);
}

    Ps. Warum stellst du die Höhe der Drucktaste zweimal? Ich gehe davon aus, dass das ein Tippfehler und du meintest Breite.

    • Danke. Dieser code funktioniert. Die doppelte Höhe " war ein Tippfehler. Der original-code wurde basierend auf [link]( codeprogress.com/cpp/libraries/qt/...) modifiziert, um Sie ändern die Form einer Schaltfläche erstellt, in dem Qt Designer.
    • Okay @DarwinIcesurfer, habe ich Fix die typo für Sie.
    • Danke!!! Einfach einen kleinen Kommentar auf Allgemeine c++ - Speicherverwaltung. Möchten Sie vielleicht, um zu vermeiden, unnötige Zeiger hier und vermeiden Sie insbesondere nicht, diese zu löschen. Sowohl das Rechteck als auch der region Zeiger sind nicht gereinigt, bevor die vars halten Sie go out of scope. Auch die jeweiligen Aufrufe, die Sie erstellen, Sie benötigen für Sie zu de-ref-Sie sowieso, also vielleicht macht Sie nur normale Objekte, die automatisch von der garbage Collection eingesammelt. Man könnte auch reduzieren die setMask Aufruf etwas wie: ui->pushButton->setMask(QRegion(ui->pushButton->geometry(), QRegion::Ellipse));
    • Ich Stimme dieser code ist schlecht und ist nicht nach dem RAII-Prinzipien. Anstelle der Zugabe Ihre nützlichen Kommentar hier, können Sie einfach Bearbeiten Sie die Antwort direkt, und ich werde gerne annehmen. Danke!
    InformationsquelleAutor stackunderflow
  2. 12

    Ich denke, die einfachste Lösung wäre die Verwendung stylesheet.

    Wie diese:

     background-color: white;
 border-style: solid;
 border-width:1px;
 border-radius:50px;
 border-color: red;
 max-width:100px;
 max-height:100px;
 min-width:100px;
 min-height:100px;

    Siehe auch Beispiele und Referenz.

    Beachten Sie, dass der komplette Stil für die Schaltfläche als standard-Stil nicht anwendbar.

    • Dies bietet einen work-around um den speziellen Fall, die ich aufgeworfen. Es geht nicht um den allgemeineren Fall der Anwendung einer Maske. Ich würde gerne verstehen, warum der button verschwindet, wenn eine Maske angewendet wird.
    • Ich denke, weil seine Malerei nicht sein behandelt mehr durch den angegebenen Stil.
    • Update zu Qt5-Handbuch: qt-project.org/doc/qt-5/...
    InformationsquelleAutor Lol4t0
Schreibe einen Kommentar