首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用样式表设置QToolButton的图标?

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

Stack Overflow用户
提问于 2011-12-05 20:29:23
回答 1查看 13.6K关注 0票数 5

我想使用样式表来设置QToolButton的图标,如下所示:

代码语言:javascript
复制
#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();
}

我是这样编译的:

代码语言:javascript
复制
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,那么图标就会正确显示。

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

我使用的图片是:

PS请注意,我问了类似的问题here,但一旦设置了文本,答案就不起作用了(图标都被挤压了,文本不在图标下面)。

编辑1:我也尝试了这个函数(正如Kamil Klimek建议的那样):

代码语言:javascript
复制
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;
}

但它也不起作用。按下按钮或悬停不会改变图标。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-02-24 15:39:28

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

代码语言:javascript
复制
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;
}

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

票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8385309

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档