主页 / 问题 / 1597906
Accepted
aarab
Asked:2024-10-26 21:26:26 +0000 UTC2024-10-26 21:26:26 +0000 UTC

如何将按钮上的图标靠左对齐，文本居中对齐？

  • 772

我正在PySide6创建一个应用程序。
要求：使用样式表将图标严格放置在左边缘附近，
并将文本严格放置在中心。

我已经发布了原始的QSS代码，但我无法将图标向左对齐，将文本向中心对齐：

QPushButton {
    background-color: #121117; /* Цвет фона в обычном состоянии */
    border-radius: 20px;       /* Радиус закругления углов */
    color: white;              /* Цвет текста */
    qproperty-icon: url("ui/icons/icons8_account_1.svg");
    icon-size: 32px 32px;
    text-align: left;
    padding-left: 40px;
    padding: 0 10px;
}

QPushButton:hover {
    background-color: #372d36; /* Цвет фона при наведении */
}

这就是现在的样子

这就是目前的情况。它看起来应该是一样的，只是文本应该居中。

python

1 个回答

  1. Best Answer

    图标 和文本的对齐方式是相同的，因此没有使用 Qt 样式表的解决方案。

    您的问题的一种解决方案如下所示（将导入更改为PySide6并尝试）：

    from PyQt5.Qt import *


class MainWindow(QWidget):
    def __init__(self):
        super().__init__()

        self.btn = QPushButton('Панель')
        self.btn.setObjectName('btn')
        self.btn.setMinimumWidth(150)
        self.btn.setMinimumHeight(40)
            
        self.main_layout = QVBoxLayout(self)
        self.main_layout.addWidget(self.btn)
        
        self.label = QLabel(self.btn)
        self.label.setPixmap(QPixmap("Ok.png").scaled(32, 32))
        self.label.move(4, 4)
        

Stylesheet = '''
#btn {
    border-radius: 20px; 
    color: white;
    background-color: #121117;
}
#btn:hover {
    background-color: #372d36; 
} 
#btn:pressed {
    background-color: #575d56; 
}               
'''
    

if __name__ == "__main__":
    import sys
    
    app = QApplication(sys.argv)
    app.setStyleSheet(Stylesheet) 
    window = MainWindow()
    window.resize(300, 300)
    window.show()
    sys.exit(app.exec())

    在此输入图像描述

    在此输入图像描述

    好的.png

    在此输入图像描述

    • 0

相关问题