Qt样式表
文章平均质量分 56
友善啊,朋友
这个作者很懒,什么都没留下…
展开
-
Qt编写自定义控件:自定义表头实现左右两端上部分圆角
如上图,左上角和右上角凸出来了。设置表格圆角和表头圆角和QHeaderView::section圆角都不管用。原创 2023-08-03 12:04:24 · 2418 阅读 · 0 评论 -
一个QTableView / QHeaderView样式
auto model = new QStandardItemModel; model->setHorizontalHeaderLabels(QStringList()<<tr("A")<<tr("B")<<tr("C")); for(int i = 0;i < 10;i++) { model->setItem(i,0, new QStandardItem(tr("A_%1").arg(i))); ...原创 2022-02-19 19:26:33 · 5119 阅读 · 1 评论 -
设置Qt属性表控件的样式
1、整体部分直接调用 setStyleSheet() 设置一个QTreeView 的样式。如果开启了隔行变色那么QTreeView 样式中别忘了加上 “alternate-background-color” 这个属性。2、设置之后效果如下:发现顶层的 Item 没受影响。顶层 Item 要在qttreepropertybrowser.cpp 中的QtPropertyEditorDelegate::paint() 设置。效果:...原创 2022-02-15 13:06:00 · 1168 阅读 · 2 评论 -
Qt样式表:一些常用控件样式记录
配合 Qt样式表:切换主题 使用 QColor c = QColor("#"+main_color); QString background_transparent = QString("rgba(%1,%2,%3,0.1)").arg(c.red()).arg(c.green()).arg(c.blue()); QColor item_press = QColor("#" + item_select_color);原创 2021-07-30 13:52:28 · 767 阅读 · 0 评论 -
Qt样式表:美化字体选择框
QDialog dialog; QPalette palette; palette.setColor(QPalette::Background,QColor(255,255,255)); dialog.setAutoFillBackground(true); dialog.setPalette(palette); dialog.setWindowFlags(Qt::Dialog|Qt::WindowCloseButtonHint); dialog.s...原创 2021-04-21 16:06:37 · 785 阅读 · 0 评论 -
Qt样式表:部分控件的子控件位置图
1、滚动条:2、下拉框:3、微调框、时间日期框等:4、滑动条:5、菜单原创 2021-04-19 23:54:18 · 348 阅读 · 0 评论 -
Qt样式表:QComboBox的弹出列表样式
QComboBox的弹出列表的类型是QAbstractItemView。这是个抽象类,无法创建对象,如果QComboBox自定义弹出列表类型使用的是它的子类,一般是QListView。当然用其他子类也行,如: ui->comboBox->setView(new QTreeView());就是看起来怪怪的。弹出列表参考样式:QComboBox{ border-radius: 6px; border: 1px solid #00bcd4; pad原创 2021-04-19 12:36:30 · 3726 阅读 · 1 评论 -
Qt样式表 + 动态属性结合使用的一个简单例子
本例子来自官方文档,使用样式表将必填项的控件属性设为同一个颜色。窗口设置样式: *[mandatoryField="true"] { background-color: yellow }对必填项设置属性: ui->lineEdit->setProperty("mandatoryField", true); ui->comboBox->setProperty("mandatoryField", true); ui->combo原创 2021-04-18 22:10:39 · 653 阅读 · 0 评论 -
【翻译 + 整理】Qt样式表详解(10):伪状态
1、:active,部件处于活动的状态。2、:adjoins-item,当QTreeView的::branch与某个item相邻时,将设置此状态。QTreeView::branch { background:red;}QTreeView::branch:adjoins-item { background:green;}3、:alternate,如果设置了QAbstractItemView :: alternatingRowColors(true)隔行变原创 2021-04-17 23:33:26 · 4156 阅读 · 0 评论 -
【翻译 + 整理】Qt样式表详解(9):子控件
1、::add-line,滚动条下按钮(垂直)/右按钮(水平)。例:QScrollBar::add-line:vertical { height:50px; width:50px; subcontrol-position: bottom; subcontrol-origin: margin;}QScrollBar::add-line:horizontal { height:50px; width:50px; subcontrol-position: right; sub.原创 2021-04-14 21:31:30 · 2576 阅读 · 0 评论 -
【翻译 + 整理】Qt样式表详解(8):属性类型的一些知识点
1、设置盒子模式相关颜色类的属性可以一次设置多个方向的,顺序为上、右、下、左。如果未指定左侧颜色,则将其与右侧颜色相同。 如果未指定底色,则将其与顶色相同。 如果未指定正确的颜色,则该颜色应与顶部的颜色相同。例如: QLabel { border-color: red } /* red red red red */ QLabel { border-color: red blue } /* red blue red blue */ QLabel { border-color: red blue原创 2021-04-08 23:41:36 · 408 阅读 · 0 评论 -
【翻译 + 整理】Qt样式表详解(7):属性——图片、图标、颜色、文本、边距、填充属性
1、color:用于呈现文本的颜色。如果未设置此属性,则默认值为QWidget :: foregroundRole设置的值(通常为黑色)。2、selection-background-color:所选文本或项目的背景。如果未设置此属性,则默认值是为调色板的Highlight角色设置的值。例: QTextEdit { selection-background-color: darkblue }3、selection-color:所选文本或项目的前景。如果未设置此属性,则默认值是为调色板的High原创 2021-04-07 23:47:48 · 4343 阅读 · 0 评论 -
【翻译 + 整理】Qt样式表详解(6):属性——部分控件独有的属性
1、button-layout:用于QDialogButtonBox和QMessageBox按钮排版布局(如QDialogButtonBox默认的确定和取消按钮哪个排在前面)。2、dialogbuttonbox-buttons-have-icons:QDialogButtonBox中的按钮是否显示图标,0不显示,1显示,默认为0。此属性的样式必须在创建QDialogButtonBox之前应用,这意味着必须将样式应用于父窗口小部件或应用程序本身或在Qt界面设计器里应用于QDialogButtonBox控件原创 2021-04-07 13:38:32 · 2060 阅读 · 0 评论 -
【翻译 + 整理】Qt样式表详解(5):属性——子控件相关属性
1、width、height:宽、高。一般只用于子控件,用于QWidget无效。2、min-width、min-height:最小宽、高。如果未指定此属性,则根据窗口小部件的内容和样式得出的。对QWidget和子控件都有用。指定盒子模式中的内容部分的宽高。2、max-width、max-height:最大宽、高。与上一条类似。...原创 2021-04-06 12:37:26 · 1349 阅读 · 0 评论 -
【翻译 + 整理】Qt样式表详解(4):属性——字体相关属性
1、font:等效于指定字体系列,字体大小,字体样式和/或字体粗细。所有QWidget的小部件都支持此属性。如果未设置此属性,则默认值为QWidget :: font。例: QCheckBox { font: bold italic large "Times New Roman" }2、font-family:字体系列,值参考:https://blog.csdn.net/cddcj/article/details/70739481。例: QCheckBox { font-family: ..原创 2021-04-05 16:13:13 · 7123 阅读 · 0 评论 -
【翻译 + 整理】Qt样式表详解(3):属性——边框相关属性
1、border:边框。等效于指定边框颜色,边框样式和/或边框宽度。例: QLineEdit { border: 1px solid white }2、border-top、border-right、border-bottom、border-left:边框的四个边的设置。3、border-color:边框颜色。若未设置默认为color的设置。4、border-top-color、border-right-color、border-bottom-color、border-left-color原创 2021-04-04 17:25:05 · 7531 阅读 · 1 评论 -
【翻译 + 整理】Qt样式表详解(2):属性——背景相关属性
1、alternate-background-color:交替背景色,用于QAbstractItemView的子类(QColumnView、QHeaderView、QListView、QTableView、QTreeView)。使用的前提是开启了隔行变色设置: setAlternatingRowColors(true);例,设置两个交替变换的背景色: QTreeView { alternate-background-color: blue; background:原创 2021-04-04 16:41:34 · 5619 阅读 · 0 评论 -
【翻译 + 整理】Qt样式表详解(1):原理
一、概述1、样式表是文本规范,可以使用QApplication::setStyleShee()在整个应用程序上设置,也可以使用QWidget::setStyleSheet()在特定的小部件(及其子控件)上设置。2、如果在不同级别上设置了多个样式表,则Qt将从所有已设置的样式表中得出有效样式表。 这称为级联。例如,以下样式表指定所有QLineEdits应该使用黄色作为背景色,所有QCheckBoxes应该使用红色作为文本色: QLineEdit { background: yellow }.原创 2021-04-02 12:55:11 · 1359 阅读 · 0 评论 -
Qt样式表:QDateEdit / QCalendarWidget美化
QDateEdit de; de.setCalendarPopup(true); //设置日历弹出 de.setStyleSheet(QString("QDateEdit{border-radius: 6px;border: 1px solid #%1;padding:3px 0px 3px 6px;color: #000000;selection-background-color:#%1;}" "QDateEdit::dr...原创 2021-03-12 17:49:00 · 4966 阅读 · 0 评论 -
Qt样式表:美化颜色选择框
QDialog dialog(this); QPalette palette; palette.setColor(QPalette::Background,QColor(255,255,255)); dialog.setAutoFillBackground(true); dialog.setPalette(palette); dialog.setWindowFlags(Qt::Dialog|Qt::WindowCloseButtonHint); Q...原创 2020-09-29 10:54:17 · 1279 阅读 · 0 评论 -
Qt样式表:切换主题
首先推荐这位大佬的软件《qss设计器》:QT-智能QSS设计器这个工具可以切换不同的主题,这个软件没有开源不过可以根据一些方法实现和它一样的切换主题功能。比如一个按钮,通常状态下设置以下三种颜色:普通的颜色、按下的颜色、鼠标滑过的颜色就可以具备动态的交互效果:此按钮的样式设置如下:QPushButton{ border-style: none; border: 0px; color: #FFFFFF; padding: 5px; border-radius:5px; b原创 2021-03-05 16:20:18 · 3181 阅读 · 0 评论