QT5: QT Quick和Qml和Qss

一.簡介

 

Qt Quick

Qt提供的Qml的標准庫，提供了大量的控件與C++混合編程，需要什么控件直接import進去

Qml

Qt元對象語言，類似json的聲明語法，支持JavaScript語句

 

 

 

Qt樣式表類似於HTML的層疊樣式表(CSS),它是一個單獨的.qss文件而不用去繼承QStyle類

QSS是一種用來自定義控件外觀的機制

 

 

二.Qml語法

import導入語句

import QtQuick 2.12
import QtQuick.Window 2.12
import"./myButton" as MyButton
import QtQuick.Contols 1.4 as Control


對象id和表達式

property: value


注釋

屬性

錨點（錨布局器）

基礎控件與鼠標事件入門

 

 

 

三.Qt Quick基礎

Window {
  
  Visible: true
  width: 640
  height: 480
  title:qsTr("Hello World")
  
  Control.Button {
    width: 100
    height: 30
    anchors.centerIn: parent
    text: "按鈕"
  }    

  MyButton.Button {
    id: button
    width: 100
    height: 30
    color: "red"
  }

  ToolBar {
    width: 100
    height: 30
    anchors.top: button_1.top
    anchors.left: button_1.right
    color: "blue"
  }
    

}

 

 

 

四.Qt Quick控件

 

 

 

二.加載QSS文件

 

MainWidget::MainWidget(QWidget* parent) : 
    QWidget(parent), ui(new Ui::MainWidget)
{
  QFile file(":/qss/main.qss");
  file.open(QFile::ReadOnly);
  QTextStream filetext(&file);
  QString stylesheet = filetext.readAll();
  this->setStyleSheet(stylesheet);
  file.close();    
}    

 

三.QSS語法規則

 

QSS的語法規則和CSS語法規則類似,但是QSS的功能比CSS要弱很多,它的選擇器和屬性要少很多


一條QSS的樣式包含了兩個部分:

(1) 是選擇器指定了哪些控件會受到影響

(2) 是指定了屬性的值


QPushButton {color : red}

MyButton {color : red}

 

1.選擇器

 

1.通配選擇器

2.類型選擇器

3.屬性選擇器

4.類選擇器

5.ID選擇器

6.后代選擇器

7.子選擇器

8.子控件選擇器

9.偽狀態選擇器