1. 程式人生 > >qml 面板(一)使用系統自帶的Style

qml 面板(一)使用系統自帶的Style

之前使用qml的時候總是覺得介面風格設定特別費勁,最近查了一下文件,感覺Qt Quick Controls 2裡設定的方法還是不錯的。

1.Qt Quick Controls 2 自帶一系列的style,如下圖所示:Default Style、Material Style、Universal Style

2.配置方法

qml 裡新增: (對應版本可以自行查詢文件,Qt5.9是2.2版本)

import QtQuick.Controls 2.2
c++裡新增:

#include <QtQuickControls2> 
pro檔案中追加

QT += quickcontrols2
3.使用方法

官方也給出了幾種方式:

c++:

QQuickStyle::setStyle("Material");
命令列: 

./app -style material
環境變數: 

QT_QUICK_CONTROLS_STYLE=universal ./app
配置檔案:

/qtquickcontrols2.conf
我個人覺得配置檔案的方式比較方便一些,這個在建立Qt Quick Controls 2工程時會自動新增進來

其中,[Controls] 中Style=Material 就是設定系統風格,以Material 為例,具體屬性如下:

accent : color
background : color
elevation : int
foreground : color
primary : color
theme : enumeration 
 

按照自己的需求配置color、theme等就可以了,Light 和Dark可以參照下面這些顏色,這個配置檔案主要是設定系統主題、主體顏色

如果控制元件想要不同顏色,在使用時可以單獨設定,其中highlighted預設是false的,這個需要設定為true,才有效

Button {
        id: button
        x: 63
        y: 66
        text: qsTr("ButtonStyle")
        font.weight: Font.Normal
        highlighted: true
        Material.accent: Material.Green
        Universal.accent: Universal.Indigo
    }
然後,在你更換系統風格時,這些控制元件會自動根據當前的風格調整顏色,就是這樣嬸滴。。。


————————————————
版權宣告:本文為CSDN博主「momo0303kaka」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處連結及本宣告。
原文連結:https://blog.csdn.net/lyang0303/art