QSS入门

借用css 的灵感, Qt也支持Qt自己的css, 简称qss 。同css 相似,qss 的主要功能与最终目的都是能使界面的表现与界面的元素分离,即质与形的分离,就如同一个人可以在不同的时候穿上不同的衣服一样,css机制的引入,使得设计一种皮肤与界面控件分离的软件成为可能,应用程序也能像web界面那样随意地改变外观。

一、概述
你可以通过 setstylesheet()对整个UI或UI中的某个控件,甚至于控件的子项定义特定的样式。
Qt样式表通常是不区分大小写的, 唯一的例外 是类的名称 对象名称 和Qt 属性名称, 这是区分大小写

二、编写介绍
下面以水平滚动条的+箭头样式进行QSS编写的介绍
 QScrollBar#loginwindow::add-line:horizontal {
     width: 20px;
     subcontrol-position: right;
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Qt是一种流行的跨平台应用程序开发框架,提供了丰富的工具和库,使开发人员能够轻松创建高性能的应用程序。Qt提供了许多可扩展的方式来自定义和美化应用程序,其中之一就是通过使用Qt样式表(qss)。在程序中,我们可以使用qss来定义应用程序的外观和样式,从而更好地匹配用户的期望和品味。 下面是一些qss的实例: 1.按钮样式: QPushButton { background-color: yellow; border-style: outset; border-width: 2px; border-radius: 10px; border-color: beige; font: bold 14px; min-width: 10em; padding: 6px; } 这段代码给按钮添加了黄色的背景色,4像素的凹出边框,10像素的圆角边框,浅褐色的边框和粗体14像素的字体,并在按钮上添加6像素的填充。 2.标签样式: QLabel { color: #ff4411; font-weight: bold; font-size: 12px; font-family: "Arial"; } 这段代码将标签的字体颜色设置为红色和黄色的混合色,粗体12px的字体,并使用Arial字体族。 3.字体样式: QTextEdit{ font-family:"SimSun"; font-size:14px; } 这段代码将文本编辑器的字体设置为宋体并设置字号为14。 4.滑块样式: QSlider::groove:horizontal { border: 1px solid black; height: 10px; background: grey; margin: 0px; } QSlider::handle:horizontal { background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #bbb, stop:1 white); border: 1px solid black; width: 10px; margin: -2px 0; border-radius: 3px; } 这段代码将水平滑块的滑动轨迹高度设置为10像素,背景为灰色,并使用黑色描边。滑块的句柄使用渐变颜色并具有黑色描边。滑块的宽度为10像素,并使用3像素的圆角。 这些示例只是qss样式的冰山一角。开发人员可以通过使用丰富的qss属性和样式来自定义他们的应用程序的外观和样式。qss是Qt应用程序创建过程中的有用工具,能够使用户界面更加美观、用户友好。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值