首页| 论坛| 消息

标题:[QSS美化实例6]Qt利用qss样式化单选(radio button)和复选框(checkbox)
作者:chinaboyone
日期:2015-09-04 07:46
内容:

原文出自我的博客 http://www.hookr.cn/qt_qss_radiobutton.html欢迎大家交流访问
正文:
来京第一份工作做了4个月了,开始一点C++不懂,Qt一点不了解,没人带。现在C++掌握了大概,大致能比较随心的写程序了。最近做一个嵌入式软件应用,界面美化的工作交给我了。开始定计划的时候,头说了要把qss加入到界面开发中。晕,那时候连Qt是什么都不知道,何况QSS。
还好,这两个月渐渐找到感觉了,Qt掌握了基本的开发,QSS也和CSS差不多,比CSS简单多了,所以对我掌握起来没什么难度。
这个项目我把单选框(Radiobutton)和复选框(checkbox)的样式重新定义了,以前看起来就是win98那种古老的样式。想达到的效果就是现在手机app流行扁平化设计的样式。
其实实现起来非常简单,开始以为非常高大上呢,后来发现安卓开发中也是利用相同的原理实现的。单选框和复选框的几种状态都是利用单击之后切换不同的图片实现的,所以事先把你想要实现的样式图片自己做出来,或者从网上找到,然后在Qt的资源中添加保存的状态图片。
下面就是要用到的QSS样式
/*RadioButton样式设置*/QRadioButton::indicator { width: 17px;height: 17px;}/*单选框未选中样式*/QRadioButton::indicator::unchecked {&n ..


#1 [favory 11-22 02:09]
效果不错呀,赞!
#2 [tmxfh 12-24 11:12]
总体觉得很牛13
#3 [richkoala 12-25 22:20]
挺不错的,我还在努力的学习中,感觉美化挺困难的,方便时详细的说说,挺想学习的
#4 [xushuai_sio 01-14 13:58]
很好哦~~~~学习了
#5 [qxiaoyu718 05-31 13:57]

回复 发表
主题 版块