如何使用样式表设置Qt按钮的图标？ [英] How to set a Qt button's icons using stylesheet?

问题描述

我想使用样式表设置按钮的图标，例如：

  #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.setStyleSheet（FormStyleSheetString（button））; 
 button.setToolButtonStyle（Qt :: ToolButtonTextUnderIcon）; 
 button.setIconSize（QSize（200,200））; 
 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 / 
  

工作（图标未显示）。

如果我使用。您似乎应该尝试设置 border-image 属性，而不是图标。

要修复它，请将 FormStyleSheetString 函数更改为：

  QString FormStyleSheetString（const QString& name）
 {
 const QString thisItemStyle（QToolButton：enabled {border-image：url（+ name +_normal.png）;}
QToolButton：disabled {border-image：url（+ name +_pressed.png）;
 ;}
）; 
 
 return thisItemStyle; 
} 
  

I would like to set a button's icons using stylesheets, like this :

#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.show();

    return qapp.exec();
}

I compiled it like this :

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

Unfortunately, the above doesn't work (the icon is not shown).

If I use setIcon, then the icon is shown properly.

So, what am I doing wrong? How to set the button's icon using style sheet?

The images I used are :

解决方案

There was similar unanswered question before, right here. It seems that you should try setting border-image property instead of icon one.

To fix it, change FormStyleSheetString function to this :

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

  return thisItemStyle;
}

这篇关于如何使用样式表设置Qt按钮的图标？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！