Как установить иконки QToolButton с помощью таблицы стилей? - PullRequest
Новая
       33

Как установить иконки QToolButton с помощью таблицы стилей?

5 голосов
/ 05 декабря 2011

Я хотел бы установить значки 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 , значок отображается правильно.

Итак, что я делаю не так? Как установить значок кнопки с помощью таблицы стилей?

Изображения, которые я использовал:
button_normal.png button_pressed.png button_disabled.png

PS Обратите внимание, что я задал аналогичный вопрос здесь , но ответ не работает после того, как текст задан (иконка сплющена, а текст не находится под иконкой).

РЕДАКТИРОВАТЬ 1: Я также попробовал эту функцию (как предложил Камил Климек): 

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;
}

но это тоже не сработало. Нажатие кнопки или зависание не меняет значок.

1 Ответ

8 голосов
/ 24 февраля 2012

Позже в тот же день мне удалось как-то решить проблему, но забыл опубликовать решение: 

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;
}

Недостаточно просто установить фон.Это также требовало фиксированного размера.

...