首页 > 解决方案 > qpushbutton 图标左对齐文本居中对齐

问题描述

我无法正确对齐图标和按钮文本。

我已经使用 Designer 生成了应用程序 gui,默认情况下它们看起来像这样:

在此处输入图像描述

我添加一些代码,

win.pb_ejecutar.setStyleSheet("QPushButton { text-align: left; }")

我有这个

在此处输入图像描述

但我需要的是这个,图标左对齐和文本中心对齐

在此处输入图像描述

我已经通过在名称中添加空格来完成它,但我发现它不是很优雅

有人帮我吗??谢谢

标签: pythonpyqtpyqt5qpushbutton

解决方案


图标和文本的对齐方式是一样的,所以没有Qt Style Sheet的解决方案,所以另一种选择是使用QProxyStyle:

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() + 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_())

在此处输入图像描述


推荐阅读