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