首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使QRadioButton圆圈在pyqt中粗体?

如何使QRadioButton圆圈在pyqt中粗体?
EN

Stack Overflow用户
提问于 2021-05-26 17:49:55
回答 1查看 386关注 0票数 1

我有一个q放按钮,我想要像这张图片那样粗体。

我尝试了这段代码,但得到了一个正方形,无法选择QradioButton:

代码语言:javascript
复制
import sys
from PyQt5 import QtWidgets
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *



class main(QMainWindow):

    def __init__(self):
        super().__init__()

        self.setGeometry(50, 50, 600, 500)
        self.Qradio = QRadioButton('click', self)
        self.Qradio.move(50, 50)
        self.Qradio.setStyleSheet(''' QRadioButton::indicator {border : 2px solid black;}''')
        
if __name__ == "__main__":
    app = QApplication(sys.argv)
    mai = main()
    mai.show()
    app.exec()
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-05-26 19:38:27

我唯一能想到的使用样式表的可能性是将边框半径设置为无线电指示器大小的一半,以便得到一个“圆”。

可以根据当前样式使用默认无线电指示器大小:

代码语言:javascript
复制
        size = self.style().pixelMetric(QStyle.PM_ExclusiveIndicatorWidth)
        self.Qradio.setStyleSheet('''
            QRadioButton::indicator {{
                border: 2px solid black; 
                border-radius: {}px;
            }}
            QRadioButton::indicator:checked {{
                background: rgb(64, 64, 64);
            }}
        '''.format(size // 2))

否则设置自己的,确保根据边框宽度正确计算大小:

代码语言:javascript
复制
        size = 25
        border = 2
        self.Qradio.setStyleSheet('''
            QRadioButton::indicator {{
                border: {border}px solid black; 
                height: {size}px;
                width: {size}px;
                border-radius: {radius}px;
            }}
            QRadioButton::indicator:checked {{
                background: rgb(64, 64, 64);
            }}
        '''.format(size=size - border * 2, border=border, radius=size // 2))

您甚至可以使用一个小技巧获得一个内圆:一个从边界具有一定“边界”的径向梯度:

代码语言:javascript
复制
        size = 20
        border = 2
        self.Qradio.setStyleSheet('''
            QRadioButton::indicator {{
                border: {border}px solid black; 
                height: {size}px;
                width: {size}px;
                border-radius: {radius}px;
            }}
            QRadioButton::indicator:checked {{
                background: qradialgradient(
                    cx:.5, cy:.5, radius: {innerRatio},
                    fx:.5, fy:.5,
                    stop:0 {checkColor}, 
                    stop:0.45 {checkColor},
                    stop:0.5 transparent,
                    stop:1 transparent
                    );
            }}
        '''.format(
            size=size - border * 2, 
            border=border, 
            radius=size // 2, 
            innerRatio=1 - (border * 2 + 1) / size, 
            checkColor='#056060'
        ))
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67710219

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档