Qt5.8使用Material风格库
2017-05-11 13:48
127 查看
在.pro中添加
QT += quickcontrols2
在main.cpp中添加
import QtQuick.Controls 2.1
import QtQuick.Dialogs 1.2
import QtQuick.Controls.Material 2.1
ApplicationWindow {
visible: true
width: 480
height: 360
title: qsTr("Material Style")
Material.theme: Material.Dark
Material.accent: Material.color("red")
Column {
anchors.centerIn: parent
RadioButton { text: qsTr("Small") }
RadioButton { text: qsTr("Medium"); checked: true }
RadioButton { text: qsTr("Large") }
}
Button {
text: qsTr("Button")
highlighted: true
Material.background: Material.Teal
anchors.horizontalCenter: parent.horizontalCenter
}
}啦啦啦啦~
QT += quickcontrols2
在main.cpp中添加
#include <QQuickStyle>
QQuickStyle::setStyle("Material");
在.qml中中引用import QtQuick.Controls.Material 2.1示例:import QtQuick 2.7
import QtQuick.Controls 2.1
import QtQuick.Dialogs 1.2
import QtQuick.Controls.Material 2.1
ApplicationWindow {
visible: true
width: 480
height: 360
title: qsTr("Material Style")
Material.theme: Material.Dark
Material.accent: Material.color("red")
Column {
anchors.centerIn: parent
RadioButton { text: qsTr("Small") }
RadioButton { text: qsTr("Medium"); checked: true }
RadioButton { text: qsTr("Large") }
}
Button {
text: qsTr("Button")
highlighted: true
Material.background: Material.Teal
anchors.horizontalCenter: parent.horizontalCenter
}
}啦啦啦啦~
相关文章推荐
- Qt 5.6.0 在Qt Quick中使用material和universal的控件风格
- 使用Qt实现MDI风格的主窗体
- 关于4.X系统使用安卓5.0Material风格AlertDialog全屏问题
- [Android] Material 风格的 Dialog 的使用
- 在AMD机器上使用QT5.8 MSVC2015 32bit无法编译通过的解决方法
- qt5.8+vs2015使用Qt5WebEngine搭建环境
- 使用QT实现MDI风格的主窗体
- Qt:5.8新特性,qmlc使用以及效果
- [Qt]使用QSS的扁平化风格的成绩管理系统 —— 附源码
- CentOS 7.0下Qt5.8实现和使用Qt Creaor自定义控件
- 使用Qt实现MDI风格的主窗体
- 使用Qt Quick Controls.Material 2.0 + 简单配色
- Qt5.7中 QtQuick使用风格组件 安卓图片马赛克问题解决
- Qt:5.8新特新,QtLite使用方法,以及缩减应用体积的效果
- 使用CSS3 制作一个material-design 风格登录界面
- 使用Qt实现MDI风格的主窗体
- Qt中使用QSS设计风格
- Qt使用styleSheet制作XP风格的按钮
- linux下使用QT5.8实现虚拟键盘
- Qt5.8:多线程处理与使用之一(Qt4.7之前的方法)