没有合适的资源？快使用搜索试试~ 我知道了~

文库首页后端C++QSS样式表入门练习Demo.pdf

QSS样式表入门练习Demo.pdf

需积分: 5 53 下载量 14 浏览量 2022-07-08 14:20:10 上传评论 1 收藏 1.06MB PDF 举报

温馨提示

试读

46页

超详细的Qss入门练习Demo，包含了效果图和实现样式表； [可看博客](https://blog.csdn.net/qq_43627907/article/details/125677496)

资源详情

资源评论

资源推荐

十分详细的QSS样式表入门Demo 
十分详细的QSS样式表入门Demo
1、说明
2、Qt控件样式
1QAbstractSc rollArea
2QCh eckBox
3QRadioBu tton
4QPushButton
5QToolButton
6QComboBox
7QDockWidget
8QFrame、QLabel、QToolTip
9QGroupBox
10QLineEdit
11QMain Window
12QMenu
13QMenuBar
14QProgressBar
15QScrollBar
16QSizeGrip
17QSlider
18QAbstractSpinBox
19QSplitter
20QSta tusBar
21QTabWidget
22QListView
23QHeaderView、QTableView 、QTableWidget
24QToolBar
25QToolBox
26QToolTip
27QDial
28QCalendarWidget
29QTreeView、QTreeWidget
1、说明


十分详细的Qss样式表练习Demo，为了效果明显有些样式进行了夸张，所以不一定好看;

包含了常用控件的Qss样式；

2、Qt控件样式



2.1QAbstractScrollArea 

QAbstractScrollArea作为父类，他的样式表适用于QListView、QTextEdit、

QPlainTextEdit、QTextBrowser、QTreeWidget、 QGraphicsView、QMdiArea、

QScrollArea等控件。

效果

关键代码

ui->mdiArea->setBackground(Qt::NoBrush); // 如果不设置则QMdiArea的qss样式不会

生效

关键Qss样式表

2.2QCheckBox 

效果

关键代码

关键Qss样式表

/********************QAbstractScrollArea样式**********************/

QAbstractScrollArea{

/* background-color: rgba(255, 0, 0, 150);*/ /* 设置背景色*/

background-image: url(:/image/bg.PNG); /* 设置背景图片*/

background-repeat:no-repeat; /* 设置背景图像是否及如何重复*/

background-position:center; /* 设置背景图像的起始位置*/

background-attachment: scroll; /* 背景图像是否固定或者随着页面的其余

部分滚动 */

color: rgb(0, 255, 0);

}

/*由于QScrollArea里还有一层QWidget，所以需要将这一层QWidget设置透明才可以通过

QAbstractScrollArea设置背景*/

QScrollArea #scrollAreaWidgetContents

{

background-color: rgba(255, 255, 255, 0);

}

ui->checkBox->setTristate(true); // 开启QCheckBox不确定态(开启三态复选

框)

/********************复选框样式**********************/

QCheckBox{

spacing:15px; /*设置标签和矩形框的间距*/

2.3QRadioButton 

效果

关键Qss样式表

}

QCheckBox::indicator{

width: 15px; /*设置复选框矩形部分大小*/

height: 15px;

}

QCheckBox::indicator:unchecked {

image: url(:/image/正方形-未选中.png); /* 设置未选中状态矩形部分图片*/

}

QCheckBox::indicator::checked {

image: url(:/image/复选框-选中.png); /*设置选中状态*/

}

QCheckBox::indicator::indeterminate{

image: url(:/image/复选框-未全选.png); /*设置不确定状态*/

}

QCheckBox::indicator:unchecked:hover,

QCheckBox::indicator::checked:hover,

QCheckBox::indicator::indeterminate:hover{

width: 16px;

height: 16px; /*设置矩形部分鼠标悬停状态*/

}

QCheckBox::indicator:unchecked:pressed,

QCheckBox::indicator::checked:pressed,

QCheckBox::indicator::indeterminate:pressed{

background-color: rgb(8, 202, 255); /*设置矩形部分鼠标按下背景色*/

}

/********************单选框样式**********************/

2.4QPushButton 

效果

关键代码

QRadioButton::indicator{

width:15px;

height:15px;

}

QRadioButton::indicator:unchecked {

image: url(:/image/单选框-未选中.png);

}

QRadioButton::indicator:checked{

image: url(:/image/单选框-选中.png);

}

QRadioButton::indicator:unchecked:hover,

QRadioButton::indicator:checked:hover{

width: 16px;

height: 16px;

}

QRadioButton::indicator:unchecked:pressed,

QRadioButton::indicator:checked:pressed{

background-color: rgb(8, 202, 255);

}

剩余45页未读，继续阅读

内容反馈

mahuifa

粉丝: 2w+
资源: 35

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

QSS样式表入门练习Demo.pdf

评论0

最新资源

QSS样式表入门练习Demo.pdf

评论0

QSS样式Demo.zip

QT Qss样式表 ppt和pdf学习文件

QSS样式表（带书签）

qss样式表模板，包括了17种样式表。

Qt样式表武林秘籍.pdf

QSS样式表文件,QSS_Demo,QSS程序纯QSS样式表地图导航QSS

QSS样式表素材合集.rar

QSS样式表大合集.rar

QSS样式表之黑色风格.rar

QSS样式表demo.zip

qss 教程，中英文各一份

Qt样式表使用说明.pdf

QSS帮助文档

Qss样式表美化demo

Qss三种样式

Qt Qss三套样式文件 qss.zip

几款比较好用的QSS样式表

QSS样式表.rar

qss样式表模板，包括了17种样式表

QSS样式表之PS黑色风格+白色风格+淡蓝色风格

Qss美化的界面，听基础，容易看 Qss1.rar

QSS智能设计器+三个styledemo套件.zip

高仿PS黑色风格QSS样式表开源代码

QSS精美界面实例

Qt样式表葵花宝典.pdf

Qt中QSS样式表学习示例

QT粉红色qss样式表

最新资源