entityMap|0|type|IMAGE|mutability|IMMUTABLE|data|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/a1c47532cf14d75b8ec2e92c36e0902f.png|imageAlt|blocks|key|bp4bi|text|图标和文本之间的对齐方式是相同的，因此Qt样式表没有解决方案，因此另一种选择是使用QProxyStyle：|unstyled|depth|inlineStyleRanges|entityRanges|f50gf|import+sys
from+PyQt5+import+QtCore,+QtGui,+QtWidgets


class+ProxyStyle(QtWidgets.QProxyStyle):
++++def+drawControl(self,+element,+option,+painter,+widget=None):
++++++++if+element+==+QtWidgets.QStyle.CE_PushButtonLabel:
++++++++++++icon+=+QtGui.QIcon(option.icon)
++++++++++++option.icon+=+QtGui.QIcon()
++++++++super(ProxyStyle,+self).drawControl(element,+option,+painter,+widget)
++++++++if+element+==+QtWidgets.QStyle.CE_PushButtonLabel:
++++++++++++if+not+icon.isNull():
++++++++++++++++iconSpacing+=+4
++++++++++++++++mode+=+(
++++++++++++++++++++QtGui.QIcon.Normal
++++++++++++++++++++if+option.state+&+QtWidgets.QStyle.State_Enabled
++++++++++++++++++++else+QtGui.QIcon.Disabled
++++++++++++++++)
++++++++++++++++if+(
++++++++++++++++++++mode+==+QtGui.QIcon.Normal
++++++++++++++++++++and+option.state+&+QtWidgets.QStyle.State_HasFocus
++++++++++++++++):
++++++++++++++++++++mode+=+QtGui.QIcon.Active
++++++++++++++++state+=+QtGui.QIcon.Off
++++++++++++++++if+option.state+&+QtWidgets.QStyle.State_On:
++++++++++++++++++++state+=+QtGui.QIcon.On
++++++++++++++++window+=+widget.window().windowHandle()+if+widget+is+not+None+else+None
++++++++++++++++pixmap+=+icon.pixmap(window,+option.iconSize,+mode,+state)
++++++++++++++++pixmapWidth+=+pixmap.width()+/+pixmap.devicePixelRatio()
++++++++++++++++pixmapHeight+=+pixmap.height()+/+pixmap.devicePixelRatio()
++++++++++++++++iconRect+=+QtCore.QRect(
++++++++++++++++++++QtCore.QPoint(),+QtCore.QSize(pixmapWidth,+pixmapHeight)
++++++++++++++++)
++++++++++++++++iconRect.moveCenter(option.rect.center())
++++++++++++++++iconRect.moveLeft(option.rect.left()+%2B+iconSpacing)
++++++++++++++++iconRect+=+self.visualRect(option.direction,+option.rect,+iconRect)
++++++++++++++++iconRect.translate(
++++++++++++++++++++self.proxy().pixelMetric(
++++++++++++++++++++++++QtWidgets.QStyle.PM_ButtonShiftHorizontal,+option,+widget
++++++++++++++++++++),
++++++++++++++++++++self.proxy().pixelMetric(
++++++++++++++++++++++++QtWidgets.QStyle.PM_ButtonShiftVertical,+option,+widget
++++++++++++++++++++),
++++++++++++++++)
++++++++++++++++painter.drawPixmap(iconRect,+pixmap)


if+__name__+==+"__main__":

++++app+=+QtWidgets.QApplication(sys.argv)
++++app.setStyle('fusion')
++++proxy_style+=+ProxyStyle(app.style())
++++app.setStyle(proxy_style)

++++w+=+QtWidgets.QWidget()
++++lay+=+QtWidgets.QVBoxLayout(w)
++++icons+=+[
++++++++app.style().standardIcon(standardIcon)
++++++++for+standardIcon+in+(
++++++++++++QtWidgets.QStyle.SP_MediaPlay,
++++++++++++QtWidgets.QStyle.SP_MediaPause,
++++++++++++QtWidgets.QStyle.SP_MediaSeekBackward,
++++++++++++QtWidgets.QStyle.SP_MediaSeekForward,
++++++++)
++++]
++++for+text,+icon+in+zip("Play+Pause+Backward+Forward".split(),+(icons)):
++++++++button+=+QtWidgets.QPushButton(text)
++++++++button.setIcon(icon)
++++++++lay.addWidget(button)
++++w.show()
++++sys.exit(app.exec_())|code-block|syntax|javascript|3hl4o|​|fhios|?|atomic|offset|length|6mm5|37grp^0|0|0|0|0|1|0|0|0^^$0|$1|$2|3|4|5|6|$7|8|9|-4]]]|A|@$B|C|D|E|2|F|G|X|H|@]|I|@]|6|$]]|$B|J|D|K|2|L|G|Y|H|@]|I|@]|6|$M|N]]|$B|O|D|P|2|F|G|Z|H|@]|I|@]|6|$]]|$B|Q|D|R|2|S|G|10|H|@]|I|@$T|11|U|12|B|13]]|6|$]]|$B|V|D|P|2|F|G|14|H|@]|I|@]|6|$]]|$B|W|D|-4|2|F|G|15|H|@]|I|@]|6|$]]]]

The alignment between the icon and the text are the same, so there is no solution with Qt Style Sheet, so the other alternative is to use a QProxyStyle:

<pre class="lang-py prettyprint-override"><code>import sys
from PyQt5 import QtCore, QtGui, QtWidgets


class ProxyStyle(QtWidgets.QProxyStyle):
 def drawControl(self, element, option, painter, widget=None):
 if element == QtWidgets.QStyle.CE_PushButtonLabel:
 icon = QtGui.QIcon(option.icon)
 option.icon = QtGui.QIcon()
 super(ProxyStyle, self).drawControl(element, option, painter, widget)
 if element == QtWidgets.QStyle.CE_PushButtonLabel:
 if not icon.isNull():
 iconSpacing = 4
 mode = (
 QtGui.QIcon.Normal
 if option.state &amp; QtWidgets.QStyle.State_Enabled
 else QtGui.QIcon.Disabled
 )
 if (
 mode == QtGui.QIcon.Normal
 and option.state &amp; QtWidgets.QStyle.State_HasFocus
 ):
 mode = QtGui.QIcon.Active
 state = QtGui.QIcon.Off
 if option.state &amp; QtWidgets.QStyle.State_On:
 state = QtGui.QIcon.On
 window = widget.window().windowHandle() if widget is not None else None
 pixmap = icon.pixmap(window, option.iconSize, mode, state)
 pixmapWidth = pixmap.width() / pixmap.devicePixelRatio()
 pixmapHeight = pixmap.height() / pixmap.devicePixelRatio()
 iconRect = QtCore.QRect(
 QtCore.QPoint(), QtCore.QSize(pixmapWidth, pixmapHeight)
 )
 iconRect.moveCenter(option.rect.center())
 iconRect.moveLeft(option.rect.left() + iconSpacing)
 iconRect = self.visualRect(option.direction, option.rect, iconRect)
 iconRect.translate(
 self.proxy().pixelMetric(
 QtWidgets.QStyle.PM_ButtonShiftHorizontal, option, widget
 ),
 self.proxy().pixelMetric(
 QtWidgets.QStyle.PM_ButtonShiftVertical, option, widget
 ),
 )
 painter.drawPixmap(iconRect, pixmap)


if __name__ == "__main__":

 app = QtWidgets.QApplication(sys.argv)
 app.setStyle('fusion')
 proxy_style = ProxyStyle(app.style())
 app.setStyle(proxy_style)

 w = QtWidgets.QWidget()
 lay = QtWidgets.QVBoxLayout(w)
 icons = [
 app.style().standardIcon(standardIcon)
 for standardIcon in (
 QtWidgets.QStyle.SP_MediaPlay,
 QtWidgets.QStyle.SP_MediaPause,
 QtWidgets.QStyle.SP_MediaSeekBackward,
 QtWidgets.QStyle.SP_MediaSeekForward,
 )
 ]
 for text, icon in zip("Play Pause Backward Forward".split(), (icons)):
 button = QtWidgets.QPushButton(text)
 button.setIcon(icon)
 lay.addWidget(button)
 w.show()
 sys.exit(app.exec_())
</code></pre>

<a href="https://i.stack.imgur.com/i5BYR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i5BYR.png" alt="enter image description here"></a>

I can not correctly align icons and button texts.

I have generate the app gui with Designer, by default they appear like this:

<a href="https://i.stack.imgur.com/NMMS0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NMMS0.png" alt="enter image description here"></a>

I add some code, 

<pre><code>win.pb_ejecutar.setStyleSheet("QPushButton { text-align: left; }")
</code></pre>

And I've got this

<a href="https://i.stack.imgur.com/XQWAr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XQWAr.png" alt="enter image description here"></a>

but what I need would be this, icon left align and text center align

<a href="https://i.stack.imgur.com/lKdyh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lKdyh.png" alt="enter image description here"></a>

I've done it by adding spaces to the name, but I find it not very elegant

Anyone help me ?? Thanks

qpushbutton icon left alignment text center alignment

 我无法正确对齐图标和按钮文本。 我已经用Designer生成了应用程序gui，默认情况下它们看起来像这样： ​ ? ​ 我添加了一些代码， win.pb_ejecutar.setStyleSheet("QPushButton { text-align: left; }") 我得到了这个 ​ ? ​ 但我需要的是这个，...

问center按钮图标左对齐文本居中对齐
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问center按钮图标左对齐文本居中对齐EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问center按钮图标左对齐文本居中对齐
EN