PS：本样式demo完全开源。
V20170219首版开发计划
1：所有其他窗体都是其布居中的widget。
2：左上角图标、标题、标题居中、右上角最小化最大化关闭都可设置，包括设置样式+图标+图形字体（默认图形字体）。
3：左上角图标及右上角三个按钮可视化控制。同时提供外部访问权限。
4：无边框窗体可拉伸控制。
5：提供换肤接口，内置8套样式选择，也可自定义样式路径。
6：做成设计师插件，可以直接拖曳使用，所见即所得。
7：后期增加内置信息框、颜色框等弹出窗体的支持。
8：重新设计QSS样式，去掉单选框图片、滚动条图片，增加主菜单样式。
样式表格式
（1）：第一行为特殊自定义部分，可以通过读取文本文件识别到特殊的颜色值。用于特殊处理。
（2）：第二行为全局样式设置，例如无虚线，全局字体大小，文字颜色，禁用控件颜色。
（3）：其他部分
（3）：标签控件
（4）：按钮控件
用Qt写项目写多了，为了满足不同客户的需求，需要定制不同样式的界面，QUI皮肤生成器应运而生。思考这个工具的架构花了一年时间，如何从复杂的配色方案中提取出共性，然后将共性转为具体的QSS文件。思考架构花了一年时间，编写大概花了一天时间完成。
demo演示版：http://pan.baidu.com/s/1jIkbVKU
QUI皮肤生成器介绍：
1：极简设计，傻瓜式操作步骤:，只需简单几步即可设计出漂亮的皮肤。
2：所见即所得，想要什么好的皮肤，分分钟搞定。
3：自动生成样式中所需要的对应颜色的图片资源文件，比如单选框、复选框指示器图片。
4：集成自定义无边框标题栏样式、左边导航切换样式、顶部导航切换样式、设备面板样式。
银色风格
字体颜色：#000000
面板背景：#F5F5F5
边框颜色：#B2B6B9
普通渐变：#E1E4E6 #CCD3D9
加深渐变：#F2F3F4 #E7E9EB
高亮颜色：#00BB9E
蓝色风格
字体颜色：#324C6C
面板背景：#CFDDEE
边框颜色：#7F9AB8
普通渐变：#C0D3EB #BCCFE7
加深渐变：#D2E3F5 #CADDF3
高亮颜色：#00BB9E
淡蓝色风格
字体颜色：#386487
面板背景：#EAF7FF
边框颜色：#C0DCF2
普通渐变：#DEF0FE #C0DEF6
加深渐变：#F2F9FF #DAEFFF
高亮颜色：#00BB9E
深蓝色风格
字体颜色：#7AAFE3
面板背景：#0E1A32
边框颜色：#132743
普通渐变：#133050 #133050
加深渐变：#033967 #033967
高亮颜色：#00BB9E
灰色风格
字体颜色：#000000
面板背景：#F0F0F0
边框颜色：#A9A9A9
普通渐变：#E4E4E4 #A2A2A2
加深渐变：#DBDBDB #C1C1C1
高亮颜色：#00BB9E
浅灰色风格：
字体颜色：#6F6F6F
面板背景：#F0F0F0
边框颜色：#D4D0C8
普通渐变：#EEEEEE #E5E5E5
加深渐变：#FCFCFC #F7F7F7
高亮颜色：#00BB9E
深灰色风格
字体颜色：#5D5C6C
面板背景：#EBECF0
边框颜色：#A9ACB5
普通渐变：#D8D9DE #C8C8D0
加深渐变：#EFF0F4 #DDE0E7
高亮颜色：#00BB9E
黑色风格
字体颜色：#F0F0F0
面板背景：#464646
边框颜色：#353535
普通渐变：#4D4D4D #292929
加深渐变：#636363 #575757
高亮颜色：#00BB9E
浅黑色风格
字体颜色：#E7ECF0
面板背景：#616F76
边框颜色：#738393
普通渐变：#667481 #566373
加深渐变：#778899 #708090
高亮颜色：#00BB9E
深黑色风格
字体颜色：#D7E2E9
面板背景：#1F2026
边框颜色：#111214
普通渐变：#242629 #141518
加深渐变：#007DC4 #0074BF
高亮颜色：#00BB9E
PS黑色风格
字体颜色：#DCDCDC
面板背景：#444444
边框颜色：#242424
普通渐变：#484848 #383838
加深渐变：#646464 #525252
高亮颜色：#00BB9E
黑色扁平
字体颜色：#BEC0C2
面板背景：#2E2F30
边框颜色：#67696B
普通渐变：#404244 #404244
加深渐变：#262829 #262829
高亮颜色：#00BB9E
白色扁平
字体颜色：#57595B
面板背景：#FFFFFF
边框颜色：#B6B6B6
普通渐变：#E4E4E4 #E4E4E4
加深渐变：#F6F6F6 #F6F6F6
高亮颜色：#00BB9E
styledemo.zip （80个子文件） 
styledemo 
head.h 180B quicreator.ui 39KB
snap_lightblue.png 61KB styledemo.pro 868B snap_flatwhite.png 59KB main.cpp 361B snap_psblack.png 78KB other main.qrc 432B qss flatwhite add_bottom.png 181B checkbox_unchecked_disable.png 137B checkbox_checked_disable.png 301B radiobutton_checked.png 726B radiobutton_unchecked_disable.png 593B radiobutton_unchecked.png 523B branch_open.png 273B checkbox_checked.png 289B checkbox_unchecked.png 133B branch_close.png 167B calendar_nextmonth.png 358B checkbox_parcial_disable.png 237B add_left.png 219B calendar_prevmonth.png 341B add_top.png 178B checkbox_parcial.png 172B add_right.png 214B radiobutton_checked_disable.png 817B lightblue.css 16KB lightblue add_bottom.png 182B checkbox_unchecked_disable.png 137B checkbox_checked_disable.png 316B radiobutton_checked.png 680B radiobutton_unchecked_disable.png 615B radiobutton_unchecked.png 520B branch_open.png 274B checkbox_checked.png 304B checkbox_unchecked.png 135B branch_close.png 169B calendar_nextmonth.png 386B checkbox_parcial_disable.png 219B add_left.png 222B calendar_prevmonth.png 355B add_top.png 178B checkbox_parcial.png 187B add_right.png 221B radiobutton_checked_disable.png 843B psblack.css 16KB flatwhite.css 16KB psblack add_bottom.png 201B checkbox_unchecked_disable.png 152B checkbox_checked_disable.png 338B radiobutton_checked.png 756B radiobutton_unchecked_disable.png 715B radiobutton_unchecked.png 564B branch_open.png 275B checkbox_checked.png 307B checkbox_unchecked.png 150B branch_close.png 177B calendar_nextmonth.png 318B checkbox_parcial_disable.png 251B add_left.png 233B calendar_prevmonth.png 314B add_top.png 197B checkbox_parcial.png 188B add_right.png 235B radiobutton_checked_disable.png 932B main.ico 66KB main.rc 36B qss.qrc 3KB image msg_error.png 3KB Font Awesome Cheatsheet.png 968KB btn_close.png 6KB msg_question.png 4KB msg_info.png 3KB widgets.qm 593B qt_zh_CN.qm 115KB btn_ok.png 6KB fontawesome-webfont.ttf 162KB quicreator.cpp 6KB
readme.txt 4KB quicreator.h 516B
- 1
- 2
- 3
- 4
- 5
- 6
前往页