Qt常见皮肤qss代码(有Metro的风格)
##QTabWidget
- 淡蓝色效果TabWidget(属性值lightblue)
QTabWidget[lightblue = "true"] QTabBar::tab{
border-top:1px solid rgb(249,249,249);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
max-height:20px;
min-height:20px;
min-width:95px;
font-family:microsoft yahei;
color:rgb(50,50,50);
font-size:13px;
padding:0px 0px 0px 0px;
border-image:url();
margin: 0px;
padding-bottom:15px;
}
QTabWidget[lightblue = "true"] QTabBar::tab:selected{
border-left:1px solid rgb(192,215,250);
border-right:1px solid rgb(192,215,250);
border-top:1px solid rgb(192,215,250);
color:rgb(50,50,50);
background-color:rgb(249,249,249);
font-size:13px;
border-image:url();
margin: 0px;
}
QTabWidget[lightblue = "true"]::pane {
border-top: 1px solid rgb(192,215,250);
position: absolute;
top: -1px;
}
效果如下图所示:
##QLabel
- 蓝色标题Label(属性值blueTitle)
QLabel[blueTitle="true"]
{
font-size:18px;
font-family:Microsoft YaHei;
color:rgb(255,255,255);
background-color:rgb(5 ,112, 183 );
padding-left:25px;
}
效果图如下所示:
- 淡灰色标题Label(属性值lightgrayTitle)
QLabel[lightgrayTitle="true"]
{
font-family:Microsoft YaHei;
font-size:16px;
background-color: rgb(207, 207, 207);
padding-left: 25px;
}
效果图如下所示:
##QPushbutton
- 蓝色按钮(属性值blueButton)
QPushButton[blueButton="true"]
{
color:rgb(255,255,255);
border-radius:3px;
background-color:rgb(0,109,204);
font-family:Arial;
}
QPushButton[blueButton="true"]:hover
{
background-color:rgb(0 ,119, 224 );
}
QPushButton[blueButton="true"]:pressed
{
background-color:rgb(0 ,149 ,255 );
}
效果图如下所示:
- 蓝框按钮(属性值)
QPushButton[blueBorderButton = "true"]
{
border:1px solid;
border-color:#afafaf;
font-family:microsoft yahei;
color:#555555
}
QPushButton[blueBorderButton = "true"]:hover
{
border:1px solid;
border-color:#11a9d6;
font-family:microsoft yahei;
color:#555555
}
QPushButton[blueBorderButton = "true"]:pressed
{
background-color:#11a9d6;
border:1px solid;
border-color:#afafaf;
font-family:microsoft yahei;
color:white
}
效果图如下所示:
QProgressBar
- 淡红色进度条
QProgressBar[redProgressBar = "true"]{
color : solid gray;
border: 2px solid gray;
border-radius: 5px;
background: transparent;
padding: 0px;
text-align : center ;
}
QProgressBar[redProgressBar = "true"]::chunk{
background: #B22222;
}
http://daodaoliang.com/blog/2014/10/30/Qt%E5%B8%B8%E8%A7%81%E7%9A%AE%E8%82%A4%E7%9A%84QSS.html
Qt常见皮肤qss代码(有Metro的风格)的更多相关文章
- 漂亮的Qt控件 QSS代码例子
Qt Style Sheets Examples We will now see a few examples to get started with using Qt Style Sheets. S ...
- Qt界面美化 QSS
目前发现在Qt-Design中右击控件,可以选择Change StyleSheet ------------------------以下总结不太对 刚接触Qt,发现Qt Design无法对每个控件进行 ...
- Qt的皮肤设计(Style Sheet)
Qt的皮肤设计,也可以说是对Qt应用程序的界面美化,Qt使用了一种类CSS的样式规则QSS. 一.Style Sheet的应用 1.直接在程序代码中设置样式,利用setStyleSheet()方法 ...
- 常见.NET功能代码汇总 (2)
常见.NET功能代码汇总 23,获取和设置分级缓存 获取缓存:首先从本地缓存获取,如果没有,再去读取分布式缓存写缓存:同时写本地缓存和分布式缓存 private static T GetGradeCa ...
- qt简单界面更新代码(菜鸟级)(部分代码)
qt简单界面更新代码(菜鸟级)(部分代码)self.timers_1=QtCore.QTimer(self)self.timers_1.timeout.connect(self.min_1)self. ...
- 快速书写常见的 Kotlin 代码 MD
Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...
- Flask数据库常见关系模板代码
常见关系模板代码 以下罗列了使用关系型数据库中常见关系定义模板代码 一对多 示例场景: 用户与其发布的帖子(用户表与帖子表) 角色与所属于该角色的用户(角色表与多用户表) 示例代码 class Rol ...
- 收集Windows 8 Metro UI 风格网站资源,觉得不错的顶啊!!
这些资源包含:模板,框架,jQuery插件,图标集等.帮助你快速开发Windows 8 Metro UI风格的网站.本文转自虾米站长网 Frameworks & Templates For M ...
- 【今日推荐】10大流行的 Metro UI 风格的 Bootstrap 主题和模板
1. BootMetro 基于 Twitter Bootstrap 的简单灵活的 HTML.CSS 和 Javascript 框架,Win8 风格,大爱啊! 立即下载 效果演示 2. Boot ...
随机推荐
- 【t076】竞赛排名
Time Limit: 1 second Memory Limit: 128 MB [问题描述] 某市组织了一次中学生科技全能竞赛,每个选手要参加数学.物理.化学.天文.地理.生物.计算机和英语共八项 ...
- 前端自动化之路之gulp,node.js
随着现在前端技术的不断发展,和各个公司对前端项目开发更新速度的要求,前端自动化越来越受到大家的重视,之前传统的前端开发方式已经越来越不能满足开发的需求了,于是各种自动化工具随之产生了.而gulp就是其 ...
- Android 对.properties文件的读取
/** * * @param filepath .properties文件的位置 */ public void checkFileExists(String filepath){ File file ...
- Eclipse 学习总结
一. Eclipse 中一个普通 JavaWeb 项目的目录结构 如果项目工程中没有web.xml文件,可以手动动态添加. 右击项目 -> java EE Tools -> ...
- Swift过程控制和功能
流量控制(Control Flow) For周期 for骑自行车和C语言,OC用法很相似,平时for()和 for in两种. 遍历可以使用下划线"_"略对值的訪问等. Switc ...
- HashMap工作原理的介绍!
HashMap的工作原理是近年来常见的Java面试题.几乎每个Java程序员都知道HashMap,都知道哪里要用HashMap,知道HashTable和HashMap之间的区别,那么为何这道面试题如此 ...
- background意识(两)
今天看到了有关学习的价值的文章background于 [0积分下载我的小Demo]
- gdal1.10编译经验
作者:朱金灿 来源:http://blog.csdn.net/clever101 集成了一些扩展库,使用makefile编译,出现了一个链接错误: libcmt.lib(crt0.obj): erro ...
- 学习 NLP(一)—— TF-IDF
TF-IDF(Term Frequency & Inverse Document Frequency),是一种用于信息检索与数据挖掘的常用加权技术.它的主要思想是:如果某个词或短语在一篇文章中 ...
- springboot 上传图片
1. 创建多层目录 创建多层目录要使用File的mkdirs()方法,其他可以使用mkdir()方法. 2. 文件大小限制 配置文件中,在spring1.4以后要使用 ` spring.http.mu ...