1

我知道很多人问过这个问题。我也已经在这里搜索过了。最简单的解决方案之一是使用样式表：

QRadioButton {
background-color: rgb(252,254,252);
color: black;
}

QRadioButton::indicator {
width: 11px;
height: 11px;
border-radius: 5px;
}

QRadioButton::indicator::unchecked{ 
border: 1px solid; 
border-color: rgb(132,132,132);
border-radius: 5px;
background-color: white; 
width: 11px; 
height: 11px; 
}

QRadioButton::indicator::checked{ 
border: 3px solid; 
border-color: white;
border-radius: 6px;
background-color: rgb(0,116,188); 
width: 7px; 
height: 7px; 
}

但是如果我这样做，结果看起来像这样选中按钮 （按钮只有白色圆形边框和蓝色圆形内部）。但是，我们可以像标准选中单选按钮一样在它们之外制作黑色边框 标准吗？（黑色边框->白色边框->蓝色圆形）。我们可以在 Qt 中做到这一点吗？

4

2 回答 2

8

忘记在 Qt 中尝试以这种方式设置复选框或单选按钮的样式——这是一场噩梦，你永远不会真正得到你想要的结果。在 Qt 中做到这一点的最好方法是为每个按钮状态制作单独的图像文件，就像在样式表示例中一样：

QRadioButton::indicator
{
    width: 13px;
    height: 13px;
}

QRadioButton::indicator::unchecked
{
   image: url(:/images/radiobutton_unchecked.png);
}

QRadioButton::indicator:unchecked:hover
{
    image: url(:/images/radiobutton_unchecked_hover.png);
}

QRadioButton::indicator:unchecked:pressed
{
    image: url(:/images/radiobutton_unchecked_pressed.png);
}

QRadioButton::indicator::checked 
{
    image: url(:/images/radiobutton_checked.png);
}

QRadioButton::indicator:checked:hover 
{
    image: url(:/images/radiobutton_checked_hover.png);
}

QRadioButton::indicator:checked:pressed 
{
    image: url(:/images/radiobutton_checked_pressed.png);
}
于 2016-11-18T19:23:57.020 回答
0

创建一个具有以下样式的 QRadioButton：

QRadioButton{ 
background-color: None;
}

QRadioButton::indicator {
width: 14px;
height: 14px;
border-radius: 9px;
border: 2px solid;
}

创建一个“QLabel”，其样式如下：(height-10, width-10)

border-radius: 5px;
background: #0068B5;

并将 Qlabel 放在 QRadioButton 的中心（使用 QTDesigner）

在 PySide/PyQT 中，如果未选中则切换隐藏 Qlabel，如果选中则显示 Qlabel。

为我工作！！！

于 2021-09-27T18:10:05.960 回答