首页| 论坛| 消息

标题:Qt编写自定义控件70-扁平化flatui
作者:liudianwu
日期:2019-10-15 08:40
内容:

一、前言
对于现在做前端开发人员来说,FlatUI肯定不陌生,最近几年扁平化的设计越来越流行,大概由于现在PC端和移动端的设备的分辨率越来越高,扁平化反而看起来更让人愉悦,而通过渐变色产生的质感色彩反而没有扁平化来得亲切。
Flat UI是基于Bootstrap之上进行二次开发的扁平化前端框架,他提供了动感、时尚的风格色调搭配,简洁、炫丽的功能组件,同时还提供了更为平滑的js交互动画,可以称得上前端扁平化设计框架的优秀代表之一。
既然是扁平化设计框架的优秀代表,当然需要在自己项目中应用应用,本人最早使用VB开发,而后转为C#开发,最后转为Qt开发,都是因为公司项目需要,根据需要不断学习新的编程框架,语言都是相通的,举一反三,以前用C#写的vista时钟控件和vista日历控件,稍微改改就转移成了Qt写的对应控件,非常方便,只要掌握了思想,熟练了一门语言和框架之后,其他的学起来特别快。
Qt中的qss机制,和css极为相似,感觉就是脱胎于css,用qss来实现Qt界面样式不是一般的方便,而是相当的爽,在看到FlatUI这样的精美的扁平化设计样式后,难以抑制手痒痒,就想用qss实现类似的风格。
开源地址:[https://gitee.com/feiyangqingyun/QWidgetDemo](https://gitee.com/feiyangqingyun/QWidgetDemo)[https://github.com/feiyangqingyun/QWidgetDemo](https://github.com/feiyangqingyun/QWidgetDemo)
二、实现的功能
* 1:按钮样式设置
* 2:文本框样式设置
* 3:进度条样式
* 4:滑块条样式
* 5:单选框样式
* 6:滚动条样式
* 7:可自由设置对象的高度宽度大小等
* 8:自带默认参数值
三、效果图
.

六、控件介绍
1. 超过160个精美控件,涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏,flatui、高亮按钮、滑动选择器、农历等。远超qwt集成的控件数量。
2. 每个类都可以独立成一个单独的控件,零耦合,每个控件一个头文件和一个实现文件,不依赖其他文件,方便单个控件以源码形式集成到项目中,较少代码量。qwt的控件类环环相扣,高度耦合,想要使用其中一个控件,必须包含所有的代码。
3. 全部纯Qt编写,QWidget+QPainter绘制,支持Qt4.6到Qt5.13的任何Qt版本,支持mingw、msvc、gcc等编译器,支持 ..


#1 [雨田小老弟 10-16 08:33]
为免费的分享点个赞,,,希望刘大佬以后保持初心,,,不要把技术人做成商人
#2 回 雨田小老弟 的帖子 [305750665 10-16 08:54]
雨田小老弟:
为免费的分享点个赞,,,希望刘大佬以后保持初心,,,不要把技术人做成商人
雨田小老弟是谁?报上QQ号
#3 回 雨田小老弟 的帖子 [305750665 10-16 08:55]
雨田小老弟:为免费的分享点个赞,,,希望刘大佬以后保持初心,,,不要把技术人做成商人 (2019-10-16 08:33) 
雨田小老弟是谁?报上QQ号
#4 回 305750665 的帖子 [雨田小老弟 10-16 09:55]
305750665:雨田小老弟是谁?报上QQ号 (2019-10-16 08:55) 
305750665我的qq号
#5 回 雨田小老弟 的帖子 [305750665 10-16 19:39]
雨田小老弟:305750665  我的qq号 (2019-10-16 09:55) 

回复 发表
主题 版块