QT：第六章：样式表

已于 2024-01-28 22:01:42 修改
阅读量1.4k 收藏 14
点赞数 3
CC 4.0 BY-SA版权
文章标签： qt c++
于 2024-01-28 21:56:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NewNovice1/article/details/135901305
本文介绍了如何在Qt应用程序中使用QSS样式表来美化UI，包括在UI界面中直接设置样式和通过代码动态加载或切换样式表，以及详细解释了类型选择器、ID选择器和伪状态在样式表中的应用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. 简介

一个完善的应用程序不仅有好用的功能还得有漂亮的外观，这样的应用程序才能吸引用户使用。

Qt中的样式表叫做QSS，它是HTML中CSS（Cascading style sheet，级联样式表|层叠样式表）的子集。

在Qt中可以把样式表直接写到ui中也可以使用setStyleSheet()在代码中进行设置

2. 在UI中设置样式表

在ui中对控件右击，打开改变样式表选项，在该选项面板中进行样式代码编写

3. 在代码中设置样式表

1. 代码中写

ui->pushButton->setStyleSheet("QPushButton{background-color: rgb(225, 225, 225););

例如：讲一个Libel裁剪为圆形

//标签添加图片
/*
这段代码首先将图片按照宽高中的较小值进行裁剪，并保持其纵横比。然后创建一个与裁剪后的图片尺寸相同的QBitmap，
并利用QPainter绘制一个圆形的遮罩。通过将遮罩应用到图片上，就可以实现将label标签变为圆形，并且照片的四角不会凸
最低0.47元/天 解锁文章
Qt样式表设置-old版本
qq_37464701的博客
03-21 1349
/边框：宽2像素 像素 实线 红色。//上边框面：宽2像素 像素 实线 红色。}//QTabBar::tab是选项页，记得前面是QTabBar不是QTabWidget。//边框颜色：红色，跟上面的红色结果是一样的。//内边距：10px（上下左右都设置为10px）//设置radio图标与文本间距：10px。}//QTabBar::tab:selected是指被选中的选项页。//上内边距：10px。//最小高度：60像素。//字体大小：10像素。
Qt 样式表：全面解析与应用指南
最新发布
qq_42974718的博客
05-11 816
在 Qt 开发中，样式表（Style Sheets）是定义应用程序界面外观的关键工具。它采用文本格式的规则集合，借鉴了 CSS 语法，借助选择器、属性和值，能精准把控各类控件的外观表现，极大提升了界面设计的灵活性与美观性。
Qt样式表
weifc-wei 的博客
04-10 524
一Qt样式表 1.1 Qt样式表介绍 Qt样式表是一个可以自定义部件外观的强大机制，样式表的概念、术语、语法均受到 HTML的层叠样式表(Cascading Style Sheets,CSS)的启发。 样式表可通过QApplication::setStyleSheet()函数将其设置到整个应用程序上， 也可以使用QWidget::setStyleSheet()将其设置到指定的部件或子部件上， 不同级别均可设置样式表，称为样式表的层叠。样式表也可通过设计模式编辑样式表 1.2 Qt样式表语法 （1）样式规
关于QSS（QtStyleSheet）样式表的应用
qq_39347787的博客
05-05 771
QSS的概念和术语是受到HTML中的串联样式表（Cascading Style Sheets，CSS）的启发而出现的，只是QSS是应用于窗口界面的。与HTML的CSS类似，QSS是纯文本的样式定义，应用程序运行时可以载入和解析这些样式定义。使用QSS可以定义各种界面组件的样式，从而使应用程序的界面呈现不同的效果。
Qt 之 样式表的使用——设置样式的方法
热门推荐
前行之路还需前行
03-09 5万+
一、简述我们通常在使用Qt开发的过程中都会使用样式表来美化我们的界面，关于如何使用样式表的资料也很多，样式表的使用方法也千变万化。为了搭建一个漂亮的界面那么必须学会如何使用样式表，Qt帮助文档中提供了非常好的例子以及详细介绍，非常适合学习。同时呢，也不能光看文档中是如何设置样式，我们要亲自动手做一遍才能理解得更加透彻，好了闲话不多说，下面就我在日常开发过程中对样式表的使用做一下简单的总结。二、开始总...
qt 样式表
fenhong91的博客
06-09 766
QT样式表参考CSS层叠样式表设计，不同之处在于QT样式表应用于Widget世界。 可以使用QApplication::setStyleSheet()函数设置到整个应用程序上，也可以使用QWidget::setStyleSheet()设置到某一个部件以及子部件上。如果在不同的级别都设置了样式表，QT会使用所有有效的样式表，称为样式表的层叠。 this->setStyleSheet("QpushButton{background:yellow}QSlider{background:blue}");
样式表语法总结_Qt样式表语法总结_Qt样式表_QT_
10-01
Qt样式表（QSS，Qt Style Sheet）是Qt框架提供的一种强大的界面美化工具，类似于Web开发中的CSS，用于控制Qt应用程序的外观和布局。通过使用Qt样式表，开发者可以轻松地改变窗口、按钮、文本框等控件的颜色、字体、...
QSS Editor：实时预览和编辑Qt样式表
标题所指的知识点是“QSS Editor”，描述中提到该编辑器可以进行“实时预览编辑”，这意味着软件提供了在编写或修改Qt样式表（QSS）时，即时看到样式变更效果的功能。描述还提到该软件提供了“Qt常用的部件预览窗口...
QT样式表
colorant的专栏
03-11 2万+
QT样式表 (QStyleSheet)作者：刘旭晖 Raymond 转载请注明出处Email：[email protected]：http://blog.csdn.net/colorant/ 除了子类化Style类，使用QT样式表（QStyleSheet）是另一种快速改变QT程序UI风格的方法，它很大程度上借鉴和参考了HTML层叠样式表的语法和思想。其效果叠加在Style的基础上
Qt 样式表
allen5200的专栏
04-10 1639
在Qt中设置widget背景颜色或者图片方法很多种：重写paintEvent() , 调色板QPalette , 样式表setStyleSheet等等。  setStyleSheet() pWidget->setStyleSheet("background-color:blue;"); //设置背景颜色 pWidget->setStyleSheet("background-color:rgb
使用Qt Style Sheets制作UI特效
阿义的专栏
05-26 2031
作为一套GUI框架，Qt是非常强大的。（注：Qt 不仅是一套优秀的GUI框架，同时也是一套出色的应用程序框架）。 在UI的制作方面Qt为广大开发者提供了一套强大而易用的工具，她就是——Qt Style Sheets。 本文将向大家举例介绍如何使用Qt Style Sheets制作个性化的UI界面。例子程序（stylesheetDemo）可通过本文末尾所附链接下载。 UI涉及的东西非常庞杂，Qt Style Sheets也包含许许多多的内容，因此本文并不试图对Qt Style Sheets进行系统的理论性
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值