当前位置: 首页 > article >正文

Qt-界面优化QSS初识(68)

目录

前言

描述 

使用

局部设置

全局设置

全局的两个冲突问题

全局设置,然后在局部设置了其他的样式

全局设置,然后在局部设置了和全局冲突的样式


前言

这是一个取舍问题

 

描述 

QSS相比于代码的优先级更高

 同样的 QSS 沿用了 CSS 的风格

CSS和QSS的区别

对于CSS来说,基本的语法结构⾮常简单. 

选择器 {
属性名: 属性值;
}

QSS 沿⽤了这样的设定.

选择器 {
属性名: 属性值;
}

其中:
• 选择器 描述了 "哪个 widget 要应⽤样式规则".
• 属性 则是⼀个键值对, 属性名表⽰要设置哪种样式, 属性值表⽰了设置的样式的值.

使用

局部设置

使用起来也是比较容易的

我们也可以使用十六进制颜色代码, #ffaa00 这里的意思

  • R(红色):255
  • G(绿色):170
  • B(蓝色):0

上面我们看到只设置了一个按钮的颜色

因此我们可以单独设置某个控件的颜色 

当然了我们设置窗口 this 的颜色,是可以达到全局按钮的设置的

这样的控件是和选择器相关的,上面的这一句也只是对 QPushButton 生效 

 

 

全局设置

全局样式的设置,就需要在 main.cpp 找到描述窗口的对象了,将其设置样式即可在全局设置样式

全局的两个冲突问题

全局设置,然后在局部设置了其他的样式

看出来这两个样式叠加起来了 

因为 CSS 具有层叠样式表的属性,QSS 也从中参考了这一个特性

全局设置,然后在局部设置了和全局冲突的样式

显然会以局部样式为准则,这样也可以更好的适应在大环境下的对某个控件的调整,这种设定也是很常见的设定


http://www.kler.cn/news/359441.html

相关文章:

  • 58. 区间和(第九期模拟笔试)
  • 【Canvas与艺术】仿古八边形绿框红窗格
  • G1 GAN生成MNIST手写数字图像
  • 数组转List
  • 进程线程知识总结
  • JMeter快速入门示例
  • 在MySQL中创建数据库和表
  • Vue学习记录之十七 css中样式穿透及新特征介绍
  • LeetCode :LCR 173. 点名
  • (multi)map和set--C++
  • 【LLM】大模型工具调用之AllTools模型
  • 初识git · 基本操作
  • 【云原生】Kubernetes (K8s)
  • 【CVPR 2024】最新图像增强算法 | 图像去雨 | Deraining
  • 详解Java之异常
  • linux下建立软链接
  • windows 上验证请求接口是否有延迟
  • LeetCode Hot100 | Day6 | 从前序和中序数组构建二叉树
  • 使用短效IP池的优势是什么?
  • Axure显示与隐藏——元件动作一