如何在 Qt Designer 中创建圆形按钮答案

【问题标题】：How to create a circular button in Qt Designer如何在 Qt Designer 中创建圆形按钮
【发布时间】：2014-03-18 03:37:23
【问题描述】：

我正在使用 Qt Designer 作为 GUI 创建者来开发 Python 项目。我尝试创建一个圆形按钮，但只有QPushButton，这是一个正方形。我也尝试将点击事件绑定到圆形图像，但我不知道该怎么做。

【问题讨论】：

标签： python qt button qt-designer

【解决方案1】：

您应该能够通过使用样式表来获得圆形按钮。

在Qt Desgner中添加一个QPushButton，并将其宽高设置为40。然后右键单击该按钮，选择“更改样式表...”，并粘贴以下样式表：

QPushButton {
    color: #333;
    border: 2px solid #555;
    border-radius: 20px;
    border-style: outset;
    background: qradialgradient(
        cx: 0.3, cy: -0.4, fx: 0.3, fy: -0.4,
        radius: 1.35, stop: 0 #fff, stop: 1 #888
        );
    padding: 5px;
    }

QPushButton:hover {
    background: qradialgradient(
        cx: 0.3, cy: -0.4, fx: 0.3, fy: -0.4,
        radius: 1.35, stop: 0 #fff, stop: 1 #bbb
        );
    }

QPushButton:pressed {
    border-style: inset;
    background: qradialgradient(
        cx: 0.4, cy: -0.1, fx: 0.4, fy: -0.1,
        radius: 1.35, stop: 0 #fff, stop: 1 #ddd
        );
    }

有关样式按钮的更多信息，请参阅Customizing a QPushButton Using the Box Model 和Qt Stylesheets Reference。

【讨论】：

非常感谢。 ;))