IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> qt之css选择器 -> 正文阅读

[开发工具]qt之css选择器

总结:

具体使用方法分为两大类:
第一大类,将样式表直接写在style.qss文件中,然后在主函数中读取,具体style.qss格式可参照下方进度条的书写方式。
在这里插入图片描述

第二大类是在具体控件中调用setStyleSheet方法,一般大部分控件都支持此方法。

 //设置日期和时间
    time_label = new QLabel(this);
    time_label->setStyleSheet("border-image:none;"
                              "font-family:Microsoft YaHei;font-size:55px;color:black");

    time_label->setGeometry(530,20,220,60);

css样式表根据作用范围可以分为3种不同的书写方式:

一:作用于所有子控件

{ background:argb(0, 0, 0, 0%) }
【本控件以及所有的子控件】的背景色全都被改变    

二:作用于此类控件,以及同类型的子孙控件

QTextEdit{background:argb(0, 0, 0, 0%)}
只对【本控件以及子控件】中的QTextEdit类型控件生效

三、只作用于此类控件,不影响同类的子孙控件

在类型名前加个小数点即可

.QTextEdit{background:argb(255, 0, 0, 0%)}

四、只作用于某一个或几个控件

原理就是直接指定变量名

    QTextEdit#edTest{background:argb(0, 0, 0, 0%)}
或者  #edTest{background:argb(0, 0, 0, 0%)}
或者 #lineEditSend, #textEditDebug{background-color: rgb(255, 0, 0);}

只对变量名(实质是QObject::objectName,如下图)为edTest的QTextEdit类型控件生效,

如果只想为某个单一的控件设置样式,则可以使用id选择器,“#”号后面跟上这个控件的ObjectName即可。
在这里插入图片描述

附赠一个设置进度条的样式(通过style.qss文件获取)

/*主体部分*/
QSlider#volumeSlider {
    border-image:none;
    height: 10px;
}
/*中间按钮*/
QSlider#volumeSlider:handle:horizontal {
    background:red;
    width:2px;
    border-radius:5px;
    margin:-3px 0px -3px 0px;
}
/*右进度条*/
QSlider#volumeSlider:add-page:horizontal {
   background:#aaabaa;
}
/*左进度条*/
QSlider#volumeSlider:sub-page:horizontal{
    background:#00ff00;

}

具体效果图
在这里插入图片描述

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-04-07 22:55:14  更:2022-04-07 22:56:19 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/14 15:09:20-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码