Qt样式基础

作者: 秋冬不寒 | 来源:发表于2022-04-30 23:33 被阅读0次

加载样式

一般通过将qss文件添加到qt资源文件中,然后通过setStyleSheet()加载。当然,也可以使用css设置样式。一般加载样式操作示例如下:

QDir::setCurrent(QApplication::applicationDirPath());
QByteArray bStyle;
QFile fQSS("skin.qss");
if( fCSS.open(QIODevice::ReadOnly) ){
bStyle= fQSS.readAll();
fQSS.close();
} 
this->setStyleSheet(QString::fromUtf8(bStyle));

名词解释

主要包含以下几大名词:

  • selector(选择器):可以定制样式的Qt类,对一类部件进行设计。
  • sub-control(辅助控制器):部件中分离出来的子部分,可以通过::indicator进行设置。
  • pseudo-states(状态):针对窗口部件的状态进行设置,使用:进行区分,如hover表示鼠标划过的状态。
  • 属性:窗口部件的固有特征、性质,如color,width等。
  • 值:属性后跟随的数字
  • The Box Model(盒模型):指定了四个影响布局的矩形,即
    • Contente rectangle:绘制部件内容的地方
    • padding rectangle:使用padding属性指定填充操作
    • border rectangle:边界预留空间。
    • margin rectangle:边缘空白区域,负责与其他窗口部件的距离。
      默认四个重合在一起。
  • 角弧度:窗口部件的四个角弧度。使用radius设置。
  • 背景色和前景色:前景色用于部件上的文本,通过color属性设置。背景色用于绘制部件的填充矩形,通过background-color设置。
  • :后跟指定类的对象名。

基础语法

针对样式的设计其实是以上几种类型的组合,如

QPushButton:hover, QPushButton:pressed{
    color:red;
}
pushbutton样式.png

相关文章

  • Qt样式基础

    加载样式 一般通过将qss文件添加到qt资源文件中,然后通过setStyleSheet()加载。当然,也可以使用c...

  • 2018-02-05

    QT使用样式表

  • [转]Qt学习之样式表

    Qt学习之样式表

  • Qt模块

    Qt的模块主要包含四大部分,分别是 Qt基础模块 Qt附加模块 Qt增值模块 Qt Tools其中,基础模块和附加...

  • 绘图

    Qt--基础图形绘制 QT基础(三)----QPainter画图功能 & 画图小项目

  • QSS

    1 QSS概述 QSS(Qt Style Sheets)是Qt的样式表,为Qt提供许多的属性、伪状态、子控件等机制...

  • QSS 改变样式表

    官网的样式表链接:http://doc.qt.io/archives/qt-4.8/stylesheet.html...

  • CSS 样式表大全(学习笔记)

    简述: 此笔记是学习Qt开发时产生的,主要是对Qt组件样式设计学习的一个简单记录,仅供参考使用。 css样式被称为...

  • QT

    《Qt基础教程之Qt学习之路》 - 欧阳磊 - CSDN博客

  • Qt Core Internals

    Qt包含了一组丰富的基础enablers,它们主要来自Qt Core[https://doc.qt.io/qt-5...

网友评论

    本文标题:Qt样式基础

    本文链接:https://www.haomeiwen.com/subject/bcluyrtx.html