Qt样式基础

加载样式

一般通过将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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容