QML进阶(九)通过样式代理实现复杂自定义样式

目录

按钮样式代理

文本编辑框样式代理

CheckBox样式代理

滚动条和进度条的样式表

TabView的样式代理

ComboBox自定义样式

在QWidget项目中我们可以通过QSS样式表来控制控件的样式，在QML工程中也有类似的功能称为样式代理。相比于样式表，样式代理的功能更加强大。样式代理是在QtQuick.Controls 1.*版本中提出的，在QtQuickControls 2.*版本中已经废弃了，在QtQuicControls 2.0中可以通过标准控件的一些暴露的属性来修改控件的样式，样式修改起来更加直接。在使用样式代理的时候我们需要导入对应版本的库:

import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2

下面介绍一下常用控件的样式代理的用法:

按钮样式代理

按钮样式实现的效果如下所示：

样式1:悬浮、点击、按下的效果添加

样式2:渐变色填充以及字体样式修改

样式3:渐变色填充和对应的粒子特效

样式4:圆形按钮+渐变色填充

对应的项目代码如下，样式代理的方式是很灵活的，我们可以根据自己的需要设计组合出各种各样的控件样式。

参考代码如下:

import QtQuick 2.2
import QtQuick.Window 2.2
import QtQuick.Layouts 1.1
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
imp