使用QSS自定义QRadioButton实例

最新推荐文章于 2024-09-06 08:00:00 发布

前端智慧

最新推荐文章于 2024-09-06 08:00:00 发布

阅读量375

点赞数 1

CC 4.0 BY-SA版权

文章标签：编程

本文链接：https://blog.youkuaiyun.com/CyberBladeX/article/details/132648659

编程专栏收录该内容

396 篇文章 ¥29.90 ¥99.00

订阅专栏

本文介绍了如何在Qt应用中利用QSS（Qt样式表）自定义QRadioButton控件的外观和样式。通过示例代码展示了设置颜色、字体大小以及使用伪状态选择器改变选中和未选中状态的指示器背景颜色，从而实现自定义的QRadioButton样式。

使用QSS自定义QRadioButton实例

QRadioButton是Qt框架中的一个控件，用于在单选按钮组中显示可选项。通过使用Qt样式表（QSS），我们可以自定义QRadioButton的外观和样式，以满足特定的设计需求。在本文中，我们将演示如何使用QSS自定义QRadioButton控件的外观。

首先，我们需要创建一个基于Qt的GUI应用程序，并添加一个QRadioButton控件。以下是一个简单的示例代码：

#include <QApplication>
#include <QWidget>
#include

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端智慧

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

QT:QSS自定义 QRadioButton实例

希望我的博客，能帮上你解决学习中工作中所遇到的问题

07-02

753

QT:QSS自定义 QRadioButton实例

QT:QSS自定义 QCheckBox实例

希望我的博客，能帮上你解决学习中工作中所遇到的问题

07-02

988

QT:QSS自定义 QCheckBox实例

参与评论您还未登录，请先登录后发表或查看评论

Qt Style Sheet实践（三）：QCheckBox和QRadioButton

weixin_34153893的博客

04-12

794

导读单选按钮（QRadioButton）和复选框（QCheckBox）是界面设计中的重要元素。单选按钮只允许用户在一组选项中选择一个，且当其中一个被选中的时候，按钮组中的其他单选按钮自动取消。复选框则可以让用户同时选中多个选项，这在多项选择的情况下非常有用。此外，复选框经过设置还具备第三种状态：未决状态（partially checked）。单选按钮和复选框应用广泛，在WEB表单、...

QRadioButton样式设置（渐变）

流云落尘

03-11

3337

文章目录前言一、先看效果二、样式表前言前段使用QRadioButton控件，发现修改样式之后，默认勾选的同心圆样式没了，变成实心圆了，网上搜索了一圈，发现大家都是贴图，然后自己研究了一下，使用渐变颜色可以实现这个效果，现在有空就记录一下一、先看效果废话不多说，先看效果二、样式表样式表示例如下，关键还是看渐变样式qradialgradient，渐变样式不理解的自己多拿几组数据测试一下看看效果；根据需要自己调整颜色和白色圆环面积，如果勾选框变方了，尝试调整一下border-radius的大小

Qt之QRadioButton

weixin_34396902的博客

07-24

3534

简述 QRadioButton部件提供了一个带有文本标签的单选框（单选按钮）。 QRadioButton是一个可以切换选中（checked）或未选中（unchecked）状态的选项按钮。单选框通常呈现给用户一个“多选一”的选择。也就是说，在一组单选框中，一次只能选中一个单选框。简述详细描述示例效果源码样式 ...

QRadioButton设置字体和按钮样式（变大，调整颜色）

qq_44667165的博客

03-09

1万+

QRadioButton设置字体和按钮样式（变大，调整颜色）今天用到了QRadioButton这个选择的按钮，这是默认的样式，发现在ui的属性里面没有可调节的选项，有点犯愁，查了会文档，最后发现只能用样式表来修改QRadioButton的样式。QRadioButton::indicator 表示QRadioButton的指示器，也就是那个可以点的圆形按钮。用样式表设置了样式后，圆形按钮变大了，字体颜色啥的也变了，好看多了，达到了想要的效果。QRadioButton::checked 表示选中后要做的样式改变

qss之QRadioButton

最新发布

啊渊的专栏

09-06

514

`QRadioButton` 是 Qt 框架中用于提供单选按钮的类，它允许用户从一组选项中选择一个。以下是对 `QRadioButton` 知识点的一个总结及详细解析，并附上实例代码。

Qt——Qt控件之按钮-QRadioButton单选按钮控件的使用总结（例程：仿手机开关互斥效果，使用qss样式文件添加开关背景图片）

数字世界万物互联

04-07

1072

本次博文通过做一个仿手机互斥选择开关这样一个例程，总结了QRadioButton控件的使用方法，还用到了qss样式文件。编程的大体思路再理一遍，在.h文件中声明窗体所需的控件，在.c文件中进行实例化控件，并对控件的大小，位置，显示文本等进行设置，然后在qss样式文件中描述各个控件的样式，最后在main.cpp文件中进行样式文件的加载，完成了我们需要的效果。

QRadionButton 圆点样式

冷月醉雪的博客

07-25

1896

QRadioButton::indicator { width: 13px; height: 13px; } QRadioButton::indicator::unchecked { image: url(:/images/radiobutton_unchecked.png); } QRadioButton::indicator:unchecked:hover { ...

Qt QSS QCheckBox和QRadioButton

hw5230的博客

05-25

1522

1. 样式定制的重点是::indicator，利用伪状态为::indicator设置好不同状态时的背景图片。2. 理解QRadioButton和QCheckBox的不同状态。

QSS实践汇总（7）——QCheckBox、QRadioButton样式（风格）

m0_51668269的博客

11-10

1062

一、QCheckBox风格 QCheckBox { font-size:14px; } QCheckBox::indicator:unchecked{ image:url(:/commonImg/Resources/image/common/cbxUnCheckedY.png); } QCheckBox::indicator:checked{ image:url(:/commonImg/Resources/image/common/cbxCheckedY.png); } 二、Q

qt界面样式之设置QRadioButton的样式及功能

Littlehero_121的博客

11-13

1万+

一、打开界面的时候，界面中的QradioButton是被默认选中的（1）有时候，界面中被打开的时候，需要默认被选中的情况，找到界面中的如下选项：在以下的选项中，第一个默认是被选中的，而第二个默认是不被中的（2）但是我们需要进行的是打开界面的时候，被默认选中，所以这个时候，就需要将第二个选中选中之后，如图：（3）去掉默认选中的时候，首先选择去掉的是第一个check...

QT之qss教程- QRadioButton

wzs的博客

11-10

3579

QRadioButton { /* 背景色 */ background-color:blue; /* 外边框 */ border: 3px solid red; /* 倒角 */ border-radius: 10px; /* 去掉焦点虚线框 */ outline: 0px; /* 尺寸 */ min-width: 30px; min-height: 30px

QRadioButton样式

冷月醉雪的博客

11-23

4937

QRadioButton{ spacing: 2px; color: white; } QRadioButton::indicator { width: 45px; height: 30px; } QRadioButton::indicator:unchecked { image: url(:/Images/switchOff); } QRadioButt...

Qt6入门教程 15：QRadioButton

草上爬的博客

02-02

4214

QRadioButton控件提供了一个带有文本标签的单选按钮。QRadioButton是一个可以切换选中（checked）或未选中（unchecked）状态的选项按钮。单选按钮运行用户多选一，也就是说，在一组单选按钮中，每次只有一个能选中，如果用户选择了另一个，那么之前那个就会切换到未选中状态。单选按钮默认开启自动互斥（autoExclusive）。如果启用了自动互斥，属于同一个父部件的单选按钮的行为就和属于一个互斥按钮组的一样。

QT 自绘开关按钮 RadioButton QT自定义控件

断点

11-26

2181

传统使用中的radioButton单选按钮比较简洁，没有太多样式的变化，今天和大家分享一个开关按钮自定义RadioButton，可以在程序中用RadioButton进行开关、启/禁用，不仅样式更美观动态效果也很现代化使程序更加美观。平时我们用的很多软件里面也都有开关按钮使用，比如手机设置中的流量开关、飞行模式开关等。本文重新自绘了开关按钮、启/禁用按钮大大提高了程序界面开发的可观和视觉效果！