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

Posted 2023-02-14

【中文标题】如何在 Qt Designer 中创建圆形按钮

【英文标题】：How to create a circular button in Qt Designer

【发布时间】：2014-03-18 03:37:23

【问题描述】：

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

【参考方案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。

【讨论】：

非常感谢。 ;))