
Qt之CSS
记录Qt中的CSS样式的技术
班公湖里洗过脚
上马击狂胡,下马草军书
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Qt风格(QSS)应用之QMenu
Qt的菜单在开发过程中经常会用到,默认的菜单风格就是显示一般的文字,其实可以通过设置菜单项的风格来改善菜单的美观,下面是通过CSS样式表来设置菜单,CSS的属性有很多,下面主要介绍一些常用的,更多的设置可以参考Qt的帮助文档原创 2015-10-08 13:21:51 · 1072 阅读 · 0 评论 -
QMenu风格设计qss+阴影
Qt的菜单经常在软件开发中用到,默认的菜单效果都不符合设计师的要求,本篇介绍QMenu菜单的风格设计,包括样式表和阴影。原创 2023-12-08 20:48:15 · 1660 阅读 · 0 评论 -
QSS之QComboBox(文字居中)
QComboBox在Qt开发过程中经常使用,默认的下载列表风格达不到设计师的要求,本篇介绍基本的QComboBox的qss设置。原创 2023-10-03 11:41:45 · 5928 阅读 · 2 评论 -
QSS之QLineEdit
QLineEdit我们在开发过程中是经常使用的,一般情况下默认的风格是不适合设计师的要求,本篇介绍QLineEdit的基本qss风格:原创 2023-10-01 11:23:41 · 1491 阅读 · 0 评论 -
QSS之QScrollArea
QScrollArea在实际的开发过程中经常使用,主要是有些界面一屏显示不下,所以得用QScorllArea带滚动条拖动显示剩余的界面。默认的QScrollArea滚动条不满设计的风格,因此我们必须设置自已的滚动条风格,QScrollBar分为水平horizontal和垂直vertical,在设置的过程中常见的属性如下:原创 2023-09-30 17:58:35 · 2201 阅读 · 0 评论 -
QSlider风格设置
QT的滑动条在开发的过程中经常使用,默认的QSlider风格比较简陋,一般达不到UI设计的效果,本篇记录一个QSlider使用过程中风格的设置。4.内边距属性padding。3.外边距属性margin。1.qss常用的字段属性。2.边框属性boder。原创 2023-09-18 20:05:10 · 1061 阅读 · 0 评论 -
Qt风格(QSS)应用之QProgressBar
Qt的进度条QProgressBar在开发过程用得比较多,传统的默认进度条显示不美观,如果想让进度条显示达到设计图的要求设计可以有两种方法,一种是用painter绘制进度条,二是采用qss进行设置,qss设置比较方便,修改也比较快...原创 2022-07-19 20:23:50 · 7559 阅读 · 2 评论 -
QPushButton使用css设置图标和文本
平时我们设置QPushButton时只设置它的normal, hover, pressed三种状态的文本类型或者背景图片,很少用到图标和文本同时显示,本篇介绍图标和文本同时显示,并且图标可以动态调整显示位置,原创 2022-06-24 13:43:52 · 2214 阅读 · 0 评论 -
Qt风格(QSS)应用之QToolTip
QToolTip是鼠标悬浮在控件上时出现的提示语,能显示toolTip的控件有QLabel, QPushButton,等Widget的子类,默认的显示是通过setToolTip函数设置提示文字,然后就可以显示了,但是这种显示不怎么美观是默认的样式,其实可以通过CSS设置它的颜色,字体,边框,背景等,具体的属性如下表格式 ...原创 2015-11-12 19:33:17 · 3916 阅读 · 3 评论 -
QTextEdit同一个文本显示不同颜色的字体
在Qt界面开发中,有时我们需要特殊强调某一段文字里的一两个词或前面前一个标题等标记性文字,如果用多个控件组合展示,布局显示得很别扭,那边有没有用一个控件展示这种效果呢,答案是肯定的,下面用QTextEdit来演示这种效果:原创 2016-04-23 14:17:15 · 3901 阅读 · 4 评论 -
Qt添加自定义属性设置控件风格
我们都知道设计Qt控件的风格有三种方式,1,在设计器上对控件进行设置,2,写代码实现,3,加载qss文件实现,但这些都是原有的属性,其实Qt还可以添加定义的属性,并且可以设置自定义属性来设置控件的风格,本文就是介绍这种实现方式原创 2020-09-25 19:22:32 · 1916 阅读 · 0 评论 -
qpushbutton风格
QPushButton是Qt开发中常用的按钮控件,通常使用时我们都要给他进行美化,美化有两种情况,一种是重新paintEvent函数进行绘制,另一种是通过setStyleSheet设置它的风格,下面介绍常用的风格属性设置:原创 2016-09-19 18:33:28 · 3724 阅读 · 2 评论 -
QWidget设置边框(样式,宽度及颜色)
在使用Qt开发过程中,QWidget作为常用的显示控件经常被用到,但默认的QWidget是不带边框的,有时候我们需要Widget显示边框看起来更有效果些,那么如何设置QWidget的边框呢,设置QWidget边框有多种方式,本篇介绍两种:1)使用QPainter在paintEvent事件处理函数中沿着QWidget窗口边缘画出矩形。2)使用样式表:setStyleSheet(QString::fromUtf8("border:1px solid red"));3)原创 2016-08-09 11:23:02 · 111054 阅读 · 7 评论 -
Qt风格(QSS)应用之QRadioButton
QRadioButton是互斥的单选按钮,如果界面上有多个QRadioButton,那么只有一个是被选中的,比如人的性别,男或女只能选其中一项,QT默认的QRadioButton的风格比较简单一般不符合界面的设计要求,本篇介绍QRadioButton的风格样式,通过设置qss可以根据界面的主题特性达到视觉效果原创 2016-07-01 20:29:44 · 3461 阅读 · 0 评论 -
Qt stylesheet
https://blog.csdn.net/u010144515/article/details/19332359/*************************************************************************************************************Title: PlatForm Qss F...转载 2018-03-31 10:03:34 · 525 阅读 · 0 评论 -
Qt css样式大全(整理版)
https://blog.csdn.net/u013968786/article/details/51295744字体属性:(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-h...转载 2018-03-31 09:50:21 · 30204 阅读 · 2 评论 -
Qt之QCheckBox
https://blog.csdn.net/liang19890820/article/details/50976944简述QCheckBox继承自QAbstractButton,它提供了一个带文本标签的复选框。QCheckBox(复选框)和QRadioButton(单选框)都是选项按钮。这是因为它们都可以在开(选中)或者关(未选中)之间切换。区别是对用户选择的限制:单选框定义了“多选一”的选择,...转载 2018-03-28 16:23:42 · 4809 阅读 · 0 评论 -
Qt-Style-Sheets-语法
https://blog.csdn.net/matchyang/article/details/47703469Qt样式表语法英文原文Qss的术语和语法几乎和HTML CSS相同,如果你已经熟悉CSS,你可以快速的浏览本文。样式规则 样式表由一系列的样式规则组成。一条样式规则由一个选择器和一个声明语句组成,选择器指明了哪个(或者说是哪种)部件将会受规则影响,而声明语句则指明了哪些属性会设置到这...转载 2018-03-31 10:06:10 · 834 阅读 · 0 评论 -
用图片自定义QCheckBox样式
https://blog.csdn.net/yueashuxia/article/details/52366355记录一下大致的过程,避免将来忘记。实现环境:Qt Creator 3.2.1 Based on Qt5.3.2 (GCC 4.9.2, 32bit)项目类型:Qt Widgets Application1.首先在项目中添加Qt资源文件,命名为resource...转载 2018-03-28 23:23:02 · 5433 阅读 · 0 评论 -
Qt Style Sheet实践(一):按钮及关联菜单
http://www.cnblogs.com/csuftzzk/p/qss_button_menu.html导读 正如web前端开发中CSS(CascadeStyleSheet)的作用一样,Qt开发中也可以使用修改版的QSS将逻辑业务和用户界面进行隔离。这样,美工设计人员和逻辑实现者可以各司其职而不受干扰。更重要的是,由于界面和逻辑处理是分离的,低耦合性使得代码重构的工作量可以减少到最...转载 2018-03-28 23:24:41 · 1503 阅读 · 0 评论 -
Qt之QSS(暗橙色)
https://blog.csdn.net/liang19890820/article/details/54669359简述我觉得一个好看的 UI 可以潜意识地激励我们,不仅可以让我们工作的更高效、更有乐趣,而且可以让应用程序变得更漂亮、更直观。我比较喜欢风格一致的产品,让所有的东西看起来像是一个大家庭,给人一种专业的视觉享受。当做出很专业的产品时,你...转载 2018-03-28 23:28:30 · 1731 阅读 · 3 评论 -
Qt 之 QSS(黑色炫酷)
https://blog.csdn.net/liang19890820/article/details/51992070简述Qt助手中有关于各种部件的QSS详细讲解,资源很丰富,请参考:Qt Style Sheets Examples。黑色炫酷 - 一款漂亮的QSS风格。之前博客中分享了很多关于Qt的样式效果,几乎都是基于此样式。你可以直接使用,也可以随意转载,但请务必保留版权...转载 2018-12-19 20:39:48 · 2363 阅读 · 0 评论 -
Qt风格(QSS)应用之QCheckBox
QCheckBox{ spacing: 5px;}QCheckBox::indicator{ width: 24px; height: 24px;}QCheckBox::indicator:unchecked{ image: url(:/checkbox_Unchecked.png);}QCheckBox::indicator:unchec...原创 2019-03-20 21:22:22 · 3459 阅读 · 0 评论 -
Qt风格(QSS)应用之QPushButton
QSS功能强大,可以自定义各种小部件的外观,其样式表的概念,术语和语法与HTML的CSS样式表类似。首先创建qss文件,例如:style.qss,把它加到资源文件中, 在代码里加载文件,代码如下QFile file(":/style.qss"); file.open(QFile::ReadOnly); QString styleSheet = tr(file.readAll()); ...原创 2019-03-19 16:03:20 · 14230 阅读 · 2 评论