通过样式表在 QPushButton 上设置图标的大小

Question

我正在尝试通过样式表在 QPushButton 上设置图标的大小。 我无法从 Qt 文档中找到正确的语法，当我从样式表中实现图标图像时，该语法允许我修改图标的大小。 此应用程序用于多个 ui 上的 QPushButton 图标，样式表设置将在父 ui 上设置。

这是我的代码，基于这个建议。 将大小调整为 64 或 256 不会改变 object 的大小。

"QPushButton#pushButton_Calibration {image: url(:/images/toolkit.png); qproperty-iconSize: 128px;}"

这是我的其他代码，基于其他建议。 将宽度/高度调整为 64 或 256 不会改变 object 的大小。

"QPushButton#pushButton_Calibration {image: url(:/images/toolkit.png); width: 128px; height: 128px;}"

我知道这样的事情是一种选择：

ui->pushButton_Calibration->setIconSize(QSize(128, 128));

但是我不确定如何使用 QPushButton#pushButton_Calibration 格式实现它，或者如何使用它来全局实现它到我的 ui 元素的子元素，因为这个语法直接指向特定 ui 文件上的元素（至少，这是我的理解）。

如果需要更多信息来解决此问题，请告诉我。 我不熟悉更改图标大小所需的语法，并且无法从文档中找到它。

Answer 1

如果你想设置一个图标，你应该使用icon属性，而不是image属性，就像这样。

QPushButton#pushButton_Calibration {
    icon: url(:/images/toolkit.png);
    qproperty-iconSize: 128px;
}

官方文档在这里。

还要注意图像的缩放。 它不会针对“图像”和“图标”属性进行放大。

Answer 2

我建议使用QPushButton::setIcon()和QPushButton::setIconSize()成员函数，而不是使用样式表。

这背后的一个基本原理是，一旦您处理了样式表，给定小部件的系统样式可能会完全混乱，即使您只想更改特定部分或行为，您也可能需要重新设置整个小部件的样式。

根据Qt 文档，您可以阅读以下有关图标属性的说明：

"注意：将图标分配给按钮是应用程序的责任（使用 QAbstractButton API），而不是样式的。所以请小心设置它，除非您的样式表针对特定的应用程序。

如果您希望将更改应用于应用程序的所有按钮，您可以创建自己的按钮 class 继承QPushButton并在构造函数中设置所需的属性。

---

例子：

.hpp

class MyButton : public QPushButton
{
    Q_OBJECT

    public:
        MyButton(const QIcon &icon, const QString &text, QWidget *parent = nullptr);
        MyButton(const QString &text, QWidget *parent = nullptr);
        MyButton(QWidget *parent = nullptr);
};

.cpp

MyButton::MyButton(const QIcon &icon, const QString &text, QWidget *parent) : QPushButton(icon, text, parent)
{
    setIconSize({128, 128});
}
MyButton::MyButton(const QString &text, QWidget *parent) : QPushButton(text, parent)
{
    setIconSize({128, 128});
}
MyButton::MyButton(QWidget *parent) : QPushButton(parent)
{
    setIconSize({128, 128});
}

当然，你可以根据你的用例调整它（也许你也想在构造函数中设置图标，等等......）