随笔分类 -  Qt-QSS

摘要:QSS是C++ Qt中的界面美化神器,其语法和CSS区别不大,但是QSS有一个独有的功能——subcontrol,这是CSS所没有的,一个widget往往由多个子部件构成,利用subcontrol可以对窗口部件的某些子部件做精细处理,从而使得界面美化达到定制最大化。 以下内容来源于http://qt 阅读全文
posted @ 2019-04-17 04:37 findumars 阅读(3356) 评论(0) 推荐(0) 编辑
摘要:QSS类的用法及基本语法介绍 目录 1. 何为Qt样式表2. 样式表语法基础3. 方箱模型4. 前景与背景5. 创建可缩放样式6. 控制大小7. 处理伪状态8. 使用子部件定义微观样式8.1. 相对定位8.2. 绝对定位 摘要 由于Qt样式表的引入,定制Qt部件的外观样式变得非常简单。 无论你是想仅 阅读全文
posted @ 2019-01-16 19:38 findumars 阅读(14536) 评论(0) 推荐(0) 编辑
摘要:自定义控件时基类用了QWidget,发现qss设置不起作用,需要重载其paintEvent函数即可; 如下代码: void CCustomWidget::paintEvent(QPaintEvent*) 阅读全文
posted @ 2018-08-23 17:19 findumars 阅读(1491) 评论(0) 推荐(0) 编辑
摘要:在上一节中,小豆君给大家介绍了样式表的基本概念和大致用法。今天我们来详细了解下样式表中选择器的用法。 所谓选择器,就是指定你所设置的样式对哪个或哪些控件起作用。 到目前为止,Qt样式表支持CSS2中定义的所有选择器。 在讲解选择器之前,小豆君先来介绍下Qt对象树的一点概念,后面的分享会详细介绍。 例 阅读全文
posted @ 2018-06-26 23:21 findumars 阅读(8354) 评论(4) 推荐(4) 编辑
摘要:说起样式表,不得不提的就是盒子模型了,今天小豆君就来给大家介绍下盒子模型。 上图是一张盒子模型图。 对于一个窗口,其包括四个矩形边框。以中间的边框矩形(border)为基准,在border外侧的是外边框矩形(margin),在border内侧的是内边框矩形(padding),在pandding内侧的 阅读全文
posted @ 2018-06-26 23:20 findumars 阅读(3662) 评论(0) 推荐(1) 编辑
摘要:转载请注明文章:指定Qt程序运行的style,比如fusion 出处:多客博图 代码很简单,如下: #include <QtWidgets/QApplication> #include <QStyleFactory> int main(int argc, char *argv[]) { QAppli 阅读全文
posted @ 2017-06-02 22:20 findumars 阅读(3749) 评论(0) 推荐(1) 编辑
摘要:使用方式如下 //设置皮肤样式 static void SetStyle(const QString &styleName) { QFile file(QString(":/image/%1.css").arg(styleName)); file.open(QFile::ReadOnly); QSt 阅读全文
posted @ 2017-02-07 21:08 findumars 阅读(1358) 评论(0) 推荐(0) 编辑
摘要:自定义QT窗口部件外观 重新定义Qt内置窗口部件的外观常用的方法有两种:一是通过子类化QStyle 类或者预定义的一个样式,例如QWindowStyle,来定制应用程序的观感;二是使用Qt样式表。 QStyle 类的使用 1. 准备必要的背景图片。在你想添加自定义风格的工程目录下新建一个文件夹“im 阅读全文
posted @ 2017-02-03 07:34 findumars 阅读(3063) 评论(0) 推荐(0) 编辑
摘要:##QTabWidget 淡蓝色效果TabWidget(属性值lightblue) QTabWidget[lightblue = "true"] QTabBar::tab{ border-top:1px solid rgb(249,249,249); border-top-left-radius: 阅读全文
posted @ 2017-01-11 06:42 findumars 阅读(6543) 评论(0) 推荐(0) 编辑
摘要:今天是时候把软件中的进度条给美化美化了,最初的想法就是仿照QQ。 先前的进度条是这样,默认的总是很难受欢迎的;美化之后的是这样,怎么样?稍微好看一点点了吧,最后告诉你实现这个简单的效果在Qt只需要加几句简单的样式。下面就来吐槽吐槽,关于进度条样式的设置问题,欢迎评论交流,高手勿喷。 Qt设置样式的方 阅读全文
posted @ 2016-12-22 02:23 findumars 阅读(3190) 评论(0) 推荐(0) 编辑
摘要:http://blog.csdn.net/goforwardtostep/article/details/53464925 阅读全文
posted @ 2016-12-21 01:49 findumars 阅读(6183) 评论(0) 推荐(0) 编辑
摘要:check 是选中 前面的指示器的状态 select 是选中 项目 item 的状态、 http://blog.csdn.net/u011012932/article/details/52606662 阅读全文
posted @ 2016-11-30 21:51 findumars 阅读(1029) 评论(0) 推荐(0) 编辑
摘要:类的继承关系: QMotifStyle:OSF(开放基金协会)开发的一个工业标准的GUI(图形用户接口); QCDEStyle:公共桌面环境(Common Desktop Environment)的缩写,CDE是一种运行于UNIX/AIX,基于Motif部件工具箱开发的桌面环境,惠普的OpenVMS 阅读全文
posted @ 2016-11-07 19:09 findumars 阅读(5283) 评论(0) 推荐(0) 编辑
摘要:http://blog.csdn.net/goforwardtostep/article/details/60884870 http://blog.csdn.net/goforwardtostep/article/details/64169734 http://blog.csdn.net/gofor 阅读全文
posted @ 2016-10-27 06:25 findumars 阅读(1659) 评论(0) 推荐(0) 编辑
摘要:基于QT的换肤整体解决方案(QSkinStyle) 对QT这个成功的跨平台GUI库,本身内置了对换肤功能的实现,比如cleanlooks、plastique等跨平台风格;还有一些是和平台相关的风格,比如WindowsXP、WindowsVista风格只能用在windows平台上,底层也会调用uxth 阅读全文
posted @ 2016-10-26 23:13 findumars 阅读(3155) 评论(0) 推荐(0) 编辑
摘要:1.Qt的风格 a) Qt简介 Qt是一个跨平台的C++图形用户界面应用程序开发库,使用Qt可以开发出高质量的图形用户接口,它是完全面向对象的、易于扩展且允许真正的组件编程。Qt获得了很大的成功,特别是它的信号-槽机制是非常值得研究的通信机制,它也是Linux发行版标准组件KDE(K Desktop 阅读全文
posted @ 2016-10-19 23:21 findumars 阅读(3115) 评论(0) 推荐(0) 编辑
摘要:原文链接:Qt 图形特效(Graphics Effect)介绍 QGraphicsEffect也是Qt-4.6引入的一个新功能。它让给图形元素QGraphicsItem增加更佳视觉效果的编程变得非常简单。 先来看几张效果图。 上图中最上面的那个图片是没有使用QGraphicsEffect处理的原图, 阅读全文
posted @ 2016-10-19 23:14 findumars 阅读(4125) 评论(0) 推荐(0) 编辑
摘要:在 Windows 中,控件得到焦点时会显示一个虚线框,很多时候觉得不好看,有 2 中方式去掉这个虚线框: 使用 StyleSheet 继承 QProxyStyle 使用 StyleSheet 123 QWidget:focus { outline: none; /* 去掉得到焦点时的虚线框 */} 阅读全文
posted @ 2016-10-14 22:54 findumars 阅读(2509) 评论(0) 推荐(0) 编辑
摘要:Qt Style Sheets Examples(QT真是有很全的文档)http://doc.qt.io/qt-5/stylesheet-examples.htmlhttp://doc.qt.io/qt-4.8/stylesheet.html Contents Style Sheet Usage C 阅读全文
posted @ 2016-09-01 16:08 findumars 阅读(2019) 评论(0) 推荐(0) 编辑
摘要:Qt设计时有时需要实现动态按钮,按钮点击时一个状态,鼠标悬浮时一个状态,离开时一个状态,静止时一个状态。可以用一张png长图,使用QSS分段截取,分配给每一个状态。 1.调用函数 SetButtonStyle(ui->flashButton,":/images/button.png",4);//Qs 阅读全文
posted @ 2016-08-11 06:37 findumars 阅读(2298) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示