如何使用样式表设置QToolButton的图标？

Question

我想使用样式表来设置QToolButton的图标，就像这样：

：

#include <QToolButton>
#include <QApplication>

QString FormStyleSheetString( const QString & name )
{
  const QString thisItemStyle( "QToolButton:enabled { image: url(" + name + "_normal.png); }  "
                             "QToolButton:pressed { image: url(" + name + "_pressed.png); }  "
                             "QToolButton:disabled { image: url(" + name + "_disabled.png); }  "
                           );

  return thisItemStyle;
}

int main(int argc, char * argv[])
{
    QApplication qapp(argc,argv);

    QToolButton button;
    button.setStyleSheet( FormStyleSheetString( "button" ) );
    button.setToolButtonStyle(Qt::ToolButtonTextUnderIcon);
    button.setIconSize(QSize(200,200));
    button.setText("some thing..." );
    button.show();

    return qapp.exec();
}

我这样编译它：

g++ -O3 -std=c++0x -Wall -Wextra -pedantic test.cpp -lQtCore -lQtGui -I/usr/include/Qt/ -I/usr/include/QtCore/ -I/usr/include/QtGui/

很不幸，上述方法并不起作用（图标没有显示）。

如果我使用setIcon，那么图标会正确显示。

那么，我做错了什么？如何使用样式表设置按钮的图标？

我使用的图片是：

备注：请注意，我在这里提出过类似的问题，但是答案在设置文本后失效（图标被压缩，文本不在图标下方）。

编辑1： 我也尝试了Kamil Klimek建议的这个函数：

QString FormStyleSheetString( const QString & name )
{
  const QString thisItemStyle( "QToolButton { qproperty-icon: url(" + name + "_normal.png); };  "
                               "QToolButton:pressed { qproperty-icon: url(" + name + "_pressed.png); };  "
                               "QToolButton:hover { qproperty-icon: url(" + name + "_disabled.png); };  "
                               );

  return thisItemStyle;
}

但它也没有起作用。按下按钮或悬停都无法改变图标。

- BЈовић

---

你设置的是一张图片而不是一个图标。请尝试使用 qproperty-icon: url()。 - Kamil Klimek

@KamilKlimek 我尝试过了，但是没有成功。它可以设置普通图像，但无法设置按下和悬停状态的图像。我认为这是由于这个错误引起的：https://bugreports.qt.nokia.com/browse/QTBUG-2982?page=com.atlassian.streams.streams-jira-plugin:activity-stream-issue-tab - BЈовић

然后你必须将其设置为图像或背景！但是你必须使用CSS调整大小。 - Kamil Klimek

如果我将其设置为背景，则文本将居中。将其设置为图像不起作用（图像未显示）。 - BЈовић

你能否尝试使用"background-image"而不是"image"。 - milyaaf

@milyaaf 我尝试了，但是没有成功。看起来QT中的样式表实现还不够成熟。一个解决方法是设置大小。 - BЈовић

Answer 1

那天晚些时候，我设法解决了问题，但忘记发布解决方案:

QString FormStyleSheetString( const QString & name )
{
  const QString thisItemStyle(
  "QToolButton {\n"
                "   border: none;\n"
                "   background: url(" + name + "_normal.png) top center no-repeat;\n"
                "   padding-top: 200px;\n"
                "   width: 200px;\n"
                "   font: bold 14px;\n"
                "   color: red;\n"
                "}\n"
                "QToolButton:hover {\n"
                "   background: url("+name+"_hover.png) top center no-repeat;\n"
                "   color: blue;\n"
                "}\n"
                "QToolButton:pressed {\n"
                "   background: url("+name+"_pressed.png) top center no-repeat;\n"
                "   color: gray;\n}" );

  return thisItemStyle;
}

仅仅设置背景是不够的，还需要固定大小。

- BЈовић