QT的ui设计中改变样式表的用法

已于 2023-09-28 00:07:26 修改
阅读量1.1k 收藏
点赞数
分类专栏： QT保姆级教程 文章标签： qt ui 开发语言
于 2023-09-27 23:54:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/andrewgithub/article/details/133365426
版权
QT的UI设计提供了一个改变样式表的功能，用于自定义控件样式以美化界面。通过这个功能，开发者可以添加资源、渐变、颜色和字体。以QPushButton为例，介绍了如何更改背景颜色：找到对象窗口的类名，编辑样式表，添加背景颜色代码，并应用更改。注意事项包括使用逗号分隔不同控件，分号分隔同一控件的不同属性，以及理解选择器类型和伪状态。

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

在QT的ui设计中，我们右键会弹出一个改变样式表的选项，很多人不知道这个是干什么的。
首先我们来看下具体的界面
在这里插入图片描述
首先我们说一下这个功能具体是干嘛的， 我们在设置很多控件在界面上之后，常常都是使用系统默认的样式，但是当有些时候为了美化界面我们需要对一些控件进行美化这个时候就要用到样式表了，通过修改样式表可以实现对控件样式的任意改变。
在上图中，这里面有四个选项：

  • 添加资源
  • 添加渐变
  • 添加颜色
  • 添加字体
    这里的样式表和html css的规则，如果懂得前端会非常方便。这里就展示一个简单的更改背景颜色的使用方法
    可以通过对象窗口找到类名，这里以QPushButton为例
    在这里插入图片描述
    将如下代码添加到编辑样式表的空窗中
QPushButton {
了解本专栏 订阅专栏 解锁全文 超级会员免费看
QT高阶-QSS样式表用法大全
yang1fei2的博客
06-15 749
Qt Style Sheet(QSS)是Qt的一种强大功能，类似于CSS用于网页设计。通过QSS，你可以定义Qt应用程序中的控件的外观和布局，提供一种简洁且灵活的方式来自定义界面。QSS支持大多数CSS2.1的语法和部分CSS3的特性，使得开发者能够利用熟悉的样式表语法来设计GUI。这里介绍一些使用QSS开发的技巧
Qt界面字体大小设置和更改字体 编程
2301_79326254的博客
09-26 7541
本文介绍了如何在Qt中设置和更改界面的字体大小和字体样式。此外，通过利用信号和槽机制，我们还可以在运行时动态更改字体大小和样式，以适应用户的需求。在上面的代码中，我们使用connect()函数将按钮的clicked信号与changeFont()槽函数连接起来。在上面的代码中，我们首先获取标签的当前字体，然后使用setPointSize()函数将字体大小设置为16像素，使用setBold()函数将字体设置为粗体。在本文中，我们将讨论如何在Qt中设置和更改界面的字体大小和字体样式，并提供相应的源代码示例。
Qt使用.qss文件改变界面样式表
Asd1453的博客
01-09 518
* 使用深天蓝色的命名值 */color: #00ffff;/* 使用深天蓝色的命名值 */如：QLabel#label_15,QLabel#label。这段代码将改变QLabel类的两个对象的样式。3、常见样式改变的写法可以参考Qt官方文档。font: 9pt "微软雅黑";这段代码将改变所有按键的样式。如：QPushButton。
Qt按属性动态切换控件样式
weixin_49512850的博客
01-31 536
点击按钮后，图标更新。
Qt+qss动态属性改变控件状态切换的样式
最新发布
Larry_Yanan的博客
06-07 1354
如果我们在ui界面中设置好了控件的布局，那后续我们在代码中想要改变布局，是极其麻烦的，比如我有四个按钮，原本是上下左右排列的，结果来了一个甲方需求，需要变成从左到右的排列。在ui界面中直接添加样式，优点是可以实时看到基本的ui效果，但对于某些需要切换状态的ui，会比较麻烦。例如我预设了一个标签“没信号”的效果，当我的设备有信号时，我需要在代码中进行“有信号”效果的设置，这样一来，我们难免会在代码中进行重复的setStyleSheet，1和2搭配起来可以正常使用，只是难以管理我们的样式。
Qt控件样式设置
QtCompany的博客
03-11 935
全称 Qt Style Sheets（Qt样式表），用于美化Qt程序界面，类似于CSS，但不如CSS强大，选择器和属性较少。Qt定制化CSS。QSS可以通过控件对象的方法设置控件样式。
Qt 样式设置
ALWAYS LEARNING
11-16 2019
Qt 样式设置
Qt QWidget 设置样式表不生效的两种解决方案
01-30
使用Qt Designer 设计界面，但在Qt Designer里设置好样式表，使用快捷键 shift + alt + r 进行预览，样式都是正常的，但程序运行起来，样式就不生效了。两种解决方法： 详情可以到文章里看一下。 ...
QSS.rar_QSS样式表_QT QSS_QT 样式_Qt样式表_qss
09-24
在"QSS.rar"这个压缩包中，包含了多个预设的QSS样式表，例如`office2010.qss`, `default.qss`, `levelfour.qss`, `darkorange.qss`, `noskin.qss`和`darkorange.stylesheet`，这些文件可以被Qt应用程序加载使用，...
QT样式表45套，带Demo及样式表，一键切换
11-17
了解和利用这些资源，开发者可以提升其QT应用程序的美观度和用户体验，同时也能学习到QT样式表的用法，包括如何动态加载和切换样式，以及如何将样式与C++代码结合使用。对于那些想要给自己的QT应用添加个性化皮肤...
Qt使用QSS设置控件样式
qq_25549309的博客
07-14 1509
在这篇文章中，我们将会学习如何使用QSS（Qt样式表）来自定义QPushButton、QLabel、QLineEdit和QComboBox控件的样式。在Qt中，我们可以使用QSS来定制控件的外观，并且能够方便地整合到我们的应用程序中。
QT使用样式表进行界面美化
03-08
QT使用样式表进行简单的界面美化。在default.css文件中修改界面上各控件包括Dlg的样式，可改背景颜色图片，将default.css放到exe运行目录下即可。 简单实现了QT使用样式表进行美化界面，简单明了。
【Qt】如何实现小部件的样式控制
iriczhao的博客
02-17 912
使用【setProperty + 样式表】实现对QWidget的动态样式加载 文章目录一、背景二、定制单个控件的样式三、实现页面换肤。 一、背景 ​ QObject的setProperty ()函数功能比较好用。本文总结几点在实际开发中常用的场景： ​ （1）定制单个控件的样式。 ​ （2）实现页面换肤。 ​ （3）向部件传递动态参数（可以修改、删除）。 二、定制单个控件的样式 ​ 当在QtCreator下拖出多个相同类型的控件时，其名称是软件生成的（除非自己修改）。当把样式表文件放在一个单独的文件中进行加
Qt样式表使用总结1，常用样式表设置方法
逆枫 -- C++/Qt工程师、创业者
08-30 3301
Qt中给窗体或控件添加样式表的方法，大体有以下几种：1，在UI设计器（即Qt Designer）内添加，右键控件"改变样式表"或直接在属性内输入2，对窗口或控件调用 setStyleSheet 接口3，qApp->setStyleSheet 对整个app设置样式4，项目中，一般将样式表内容写到文本文件，程序启动时再通过方法2或3加载这样的好处是方便集中管理，修改样式也不用重新编译，还避免在代码中书写过长字符串不方便。......
【Qt】QtIFW 安装包制作总结 -如何使用样式表来定制安装器的显示界面
iriczhao的博客
11-07 2311
QtIFW 安装包制作总结 -如何使用样式表来定制安装器的显示界面 一、引言 ​ 在一个安装器的流程页面中，主要使用到的控件有：按钮、文本标签、输入框、下拉框、文本显示框、CheckBox等。 那么在QtIFW中可以使用样式表来定制显示页面以及页面中的控件。 ​ 那么本文的主题是：如何使用样式表来定制安装器的显示界面。包括： （1）页面背景颜色、文字大小 （2）页面的显示设置、风格设置 （3）页面不控件的显示效果、点击效果 二、操作过程 ​ 首先她是具有一个安装器的基本组成元素的。包括config目录和pa
Qt配置设置，修改全文字体大小颜色，背景颜色
qq_52218412的博客
01-06 1万+
在ui界面进行设置，字体fontComboBox控件，字号comboBox控件，字体/背景颜色toolButton控件（设置按钮图片背景在icon，再下一张图片），文本框textBrowser控件。
QT：第六章：样式表
NewNovice1的博客
01-28 1447
一个完善的应用程序不仅有好用的功能还得有漂亮的外观，这样的应用程序才能吸引用户使用。Qt中的样式表叫做QSS，它是HTML中CSS（Cascading style sheet，级联样式表|层叠样式表）的子集。在Qt中可以把样式表直接写到ui中也可以使用setStyleSheet()在代码中进行设置。
QT-样式表
热门推荐
Half-up的博客
03-31 1万+
Qt样式表是一个可以自定义部件外观的十分强大的机制﹐除了那些能够通过子类化QStyle更改的外观,其余的都可以使用Qt样式表来美化。Qt样式表的概念,术语和语法都受到了HTML的层叠样式表(Cascading Style Sheets, CSS)的启发,不过与CSS不同的是,Qt样式表应用于部件。 Qt样式表介绍 样式表可以使用QApplication: : setStyleSheet()函数将其设置到整个应用程序上,也可以使用QWidget::setStyleSheet()函数将其设置到一个指定的部件(还
Qt设置样式（qtableview）
qq_36284984的博客
03-15 5251
1.在代码特定位置插入样式： this->setStyleSheet( "QPushButton#btn_one,QPushButton#btn_two{ background-color:yellow;//设置背景色 font-family:SimSun;//设置字体 color:black;//设...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Achilles.Wang

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值