Qt:图标弄乱了QPushButton的宽度 - 调整图标

时间:2014-01-06 05:46:05

标签: c++ qt qpushbutton qicon

我目前使用以下样式表属性来创建动态创建的QPushButton

string mystyle =  "QPushButton { border: 1px solid #8f8f91;  border-radius: 1px; min-width: 90px; min-height: 18px;}"
  

QPushButton旁边还有一个图标 - QPush按钮位于QToolBar中

当应用程序在我的计算机上运行时,此样式可以正常工作。但是,当应用程序在放大显示的另一个系统上运行时,问题就开始了。 (在Windows-7上,这是通过在控制面板中显示并选择较大的-150%来完成的)。当应用程序在具有放大显示的系统上运行时,这就是我得到的。 (其中的文字假设为“Hello MyBig World !!”) 请注意,感叹号缺失

enter image description here

我相信只有当按钮中有图标时才会出现此问题。没有图标,QpushButton看起来很好。这就是没有图标的样子。请注意,文本现在完全可见。

enter image description here

这就是我创建QPushButton的方式

QPushButton *button_test = new QPushButton( "Hello MyBig World!!" ,this);
button_test->setStyleSheet(mystyle.c_str());
button_test->setIcon(QIcon(":/../SomeFile.png"));

关于为什么会发生这种情况以及如何解决此问题的任何建议 - 我的计算机上的按钮宽度很好,所有文本都带有感叹号。但是,所有文本都不会出现在其字体被放大的计算机上。为了在该计算机上显示整个文本,我需要重新设置样式表更改并增加最小宽度。我不想一直重新设置并且想要知道正确且有效的解决此问题的方法。

更新

这是我现在使用的代码

std::string pbstyles = "QPushButton { border: 1px solid #8f8f91;  border-radius: 1px;  font: 12px;"
                       "background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,stop: 0 #f6f7fa, stop: 1 #dadbde); "
                       "padding-right:50px;padding-left:50px;height:25px; }"
                       "QPushButton:pressed { background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,stop: 0 #dadbde, stop: 1 #f6f7fa); }"
                       "QPushButton:hover{background-color: qlineargradient(spread:pad, x1:0, y1:0.0568182, x2:1, y2:0.0454545, stop:0 rgba(85, 170, 255, 255), stop:1 rgba(255, 255, 255, 255));}";


std::string ArrowStyle = "QPushButton::menu-indicator {/*background-color: darkblue ;*/ subcontrol-origin: padding; margin-right: -60px}";
    pbstyles+=ArrowStyle;


QMenu *menu = new QMenu("This is a button",this);
QPushButton *button = new QPushButton( menu->title(),this);
button->setMenu(menu_contacts);
button->setStyleSheet(pbstyles.c_str());
button->setIcon(QIcon(":/someicon.ico"));
button->setIconSize(QSize(16, 16));
ui.toolBar->addWidget(button_contacts);

这就是我得到的(注意文字仍然被切碎:( !!!!)

enter image description here

1 个答案:

答案 0 :(得分:1)

在我的测试中发生了这种情况,因为按钮的图标和文字被放大了,但按钮没有,为了解决这个问题你可以使用它:

QString stylesheet = ...font: 12px;... //Or another size that you expect the button text must have.

pushButton->setIconSize(QSize(16, 16)); //Or another size that you expect the button icon must have.

这些设置应该保证按钮的图标和文本在放大而不是放大的桌面上具有相同的大小。