[Qt]QLabel的显示圆形

本文详细介绍了如何通过修改QLabel的StyleSheet属性,将其显示为不同颜色的圆形图标,包括设置固定大小、圆角和边框样式的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >



原创文章,欢迎转载。转载请注明:转载自 祥的博客

原文链接:https://blog.youkuaiyun.com/humanking7/article/details/88065087


QLabel的显示圆形

效果
在这里插入图片描述

1.方法

要将一个QLabel设置为圆形,需要用到QLabel的函数setStyleSheet(),修改StyleSheet就行。

const QString m_red_SheetStyle = "min-width: 16px; min-height: 16px;max-width:16px; max-height: 16px;border-radius: 8px;  border:1px solid black;background:red";

const QString m_green_SheetStyle = "min-width: 16px; min-height: 16px;max-width:16px; max-height: 16px;border-radius: 8px;  border:1px solid black;background:green";

const QString m_grey_SheetStyle = "min-width: 16px; min-height: 16px;max-width:16px; max-height: 16px;border-radius: 8px;  border:1px solid black;background:grey";

const QString m_yellow_SheetStyle = "min-width: 16px; min-height: 16px;max-width:16px; max-height: 16px;border-radius: 8px;  border:1px solid black;background:yellow";


ui.lab_LED->setStyleSheet(m_red_SheetStyle);//改成 红色圆形
ui.lab_LED->setStyleSheet(m_green_SheetStyle);//改成 绿色圆形
ui.lab_LED->setStyleSheet(m_grey_SheetStyle);//改成 黄色圆形
ui.lab_LED->setStyleSheet(m_yellow_SheetStyle);//改成 灰色圆形
	

2.分析StyleSheet

如果不设置最大最小宽度,高度,QLabel就变成圆角矩形了。

min-width:     16px;     //最小宽度 16px
min-height:    16px;     //最小高度 16px
max-width:     16px;     //最大宽度 16px 
max-height:    16px;     //最大高度 16px
border-radius: 8px;      //边框是圆角,半径8px
border:1px solid black;  //边框1px,边框黑色
background: red;        //背景是红色

3.扩展

QLabel的显示圆形: https://blog.youkuaiyun.com/humanking7/article/details/88065087
Qt的Layout边缘空白调整: https://blog.youkuaiyun.com/humanking7/article/details/88064393
Qt状态栏QStatusBar使用: https://blog.youkuaiyun.com/humanking7/article/details/88065425


赞赏码New

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值