[QML开发笔记]-Quick控件及样式生成器

[QML开发笔记]-Quick控件及样式生成器

为了方便设置qml控件的样式,设计Quick控件样式生成器。

目录

[QML开发笔记]-Quick控件样式生成器

软件预览

使用方法

BusyIndicator控件

Button控件

CheckBox控件

ComboBox控件

DelayButton控件

Dial控件

ProgressBar控件

Slider控件

自绘控件——速度仪表盘

自绘控件——水波进度条

自绘控件——尺子

其它控件待更新。。。


软件预览

  • 控件预览区:对要设置的控件进行预览,属性改动后实时显示效果;
  • 属性设置区:对控件相应属性进行设置,属性含义每个按钮上有提示;
  • 生成代码区:将控件设置好后生成代码,代码复制粘贴及可使用。

[QML开发笔记]-Quick控件及样式生成器_第1张图片

使用方法

 


BusyIndicator控件

  • 提供了两类样式
  • 颜色设置
  • 大小设置
  • 旋转时间设置
  • 旋转子圆形个数设置

样式一:

样式二: 


Button控件

  • 颜色设置
  • 大小设置
  • 边框设置

 


CheckBox控件

  • 提供四类样式
  • 颜色设置
  • 大小设置
  • 边框设置
  • 线形设置
  • 阴影设置

[QML开发笔记]-Quick控件及样式生成器_第2张图片

[QML开发笔记]-Quick控件及样式生成器_第3张图片

i

[QML开发笔记]-Quick控件及样式生成器_第4张图片


ComboBox控件

提供3类样式

颜色设置

[QML开发笔记]-Quick控件及样式生成器_第5张图片


DelayButton控件

提供4类样式

颜色设置

[QML开发笔记]-Quick控件及样式生成器_第6张图片


Dial控件

提供3类样式

颜色设置

[QML开发笔记]-Quick控件及样式生成器_第7张图片

[QML开发笔记]-Quick控件及样式生成器_第8张图片


ProgressBar控件

提供了6类样式

颜色设置

[QML开发笔记]-Quick控件及样式生成器_第9张图片

 

[QML开发笔记]-Quick控件及样式生成器_第10张图片

 

[QML开发笔记]-Quick控件及样式生成器_第11张图片


Slider控件

提供6类样式

颜色设置

[QML开发笔记]-Quick控件及样式生成器_第12张图片

[QML开发笔记]-Quick控件及样式生成器_第13张图片


自绘控件——速度仪表盘

提供4类指针样式

颜色设置

起始角度设置

范围设置

大小设置

[QML开发笔记]-Quick控件及样式生成器_第14张图片


自绘控件——水波进度条

提供3类样式

颜色设置

K设置

A设置

w设置

时间设置

[QML开发笔记]-Quick控件及样式生成器_第15张图片


自绘控件——尺子

提供2类样式

颜色设置

[QML开发笔记]-Quick控件及样式生成器_第16张图片


其它控件待更新。。。

你可能感兴趣的:(QML)