如何在将按钮添加到布局框时保持按钮不变？

Question

我在QT UI设计器中乱七八糟地试图在一些按钮和间隔物周围添加一个水平布局框。但是我得到了一些奇怪的结果：

以下是之前的图片：

这是后图：

它不仅没有保留项目的顺序，还将减号按钮的样式更改为这个奇怪的灰色框。

如何防止它这样做？或者如何将按钮的样式更改回添加到约束之前的样式？

Answer 1

我在Qt设计师中尝试过并且有效。我认为有些东西会覆盖你的按钮样式。

您是否尝试过编码按钮样式？要使用此代码，您需要创建空的QWidget窗口并放置两个按钮。

form.h

#ifndef FORM_H
#define FORM_H

#include <QWidget>
#include <QHBoxLayout>
#include <QMessageBox>

namespace Ui {
class Form;
}

class Form : public QWidget
{
    Q_OBJECT

public:
    explicit Form(QWidget *parent = 0);
    ~Form();

public slots:
    void plusClicked();
    void minusClicked();

private:
    Ui::Form *ui;
    QHBoxLayout *horizontalLayout;
};

#endif // FORM_H

form.h

#include "form.h"

Form::Form(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Form)
{
    ui->setupUi(this);
    ui->pushButton->setText("+");
    ui->pushButton->setStyleSheet("background-color: white; border-style: solid; border-width: 1px; border-radius: 8px; border-color: gray; width: 60px; height: 30px; font-weight: bold; font-size: 14pt;");
    ui->pushButton_2->setText("-");
    ui->pushButton_2->setStyleSheet("background-color: white; border-style: solid; border-width: 1px; border-radius: 8px; border-color: gray; width: 60px; height: 30px; font-weight: bold; font-size: 14pt;");
    horizontalLayout = new QHBoxLayout(this);
    horizontalLayout->addStretch();
    horizontalLayout->addWidget(ui->pushButton);
    horizontalLayout->addWidget(ui->pushButton_2);
    this->setLayout(horizontalLayout);
    connect(ui->pushButton, &QPushButton::clicked, this, &Form::plusClicked);
    connect(ui->pushButton_2, &QPushButton::clicked, this, &Form::minusClicked);
}

void Form::plusClicked()
{
    QMessageBox::information(this, "Form", "Plus button clicked!", QMessageBox::Ok);
}

void Form::minusClicked()
{
    QMessageBox::information(this, "Form", "Minus button clicked!", QMessageBox::Ok);
}

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

的main.cpp

#include "form.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Form mainWindow;
    mainWindow.show();
    return a.exec();
}