QSS和QML的区别，以及使用方式

最新推荐文章于 2025-04-09 14:15:04 发布

小虎随笔

最新推荐文章于 2025-04-09 14:15:04 发布

阅读量2.4k

点赞数

分类专栏： QT

原文链接：https://blog.youkuaiyun.com/qq_16488989/article/details/110529953

版权

QT 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了Qt StyleSheet (QSS)用于定制UI控件外观的方法，以及Qt Quick中基于QML的声明式编程。重点讲解了如何在cpp中使用QSS和创建基本的QML窗口应用实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、定义

QSS：Qt Style Sheet——Qt样式表，是用来自定义控件外观的一种机制;可以把他类比成CSS，但是不及其功能强大。

QML：从 Qt 4.7 开始，Qt 引入了一种声明式脚本语言，称为 QML（Qt Meta Language 或者 Qt Modeling Language），作为 C++ 语言的一种替代。而 Qt Quick 就是使用 QML构建的一套类库。 QML是一种基于 JavaScript`的声明式语言。

QSS使用方法：QSS代码写在ui界面的后台cpp文件的构造函数中,主要是this->setStyleSheet()函数的设置功能，要说明的是该函数除了可以对整个当前构造数所在的那个类所表示的ui进行整体应用样式以外，setStyleSheet()函数本身是QWidget的成员函数，几乎Qt中的大多数控件都可以直接使用该函数分别设置自己的样式。

二、qml代码

import QtQuick 2.1
import QtQuick.Window 2.0

window{
visible: true
width: 360
height: 360
    MouseArea{
        anchors.fill:parent
        onClicked : {
    Qt.quit();
}
}
Text{
text: qsTr("Hello World")
    anchors.centerrIn: parent
}
}