QtQuick/Qml自定义控件

QtQuick/Qml自定义控件(4)-颜色输入对话框

2019-04-28  本文已影响0人  zhengtianzuo

首先我们来看看PS的颜色输入框, 非常的专业, 优美


2019-04-19_152439.png

左侧的渐变色选择区域, 相当的方便啊
我们就先来做这块吧

首先渐变色还是比较好弄的, 直接上Gradient搞定

image.png

然后是选择的圆框, 鼠标指哪打哪


show.gif

录制的gif渐变色显示不是很清楚

接下来是色调调节
也是一个Gradient搞定

show.gif

再加上透明度的选择

show.gif

然后新选择的颜色和当前颜色都显示出来

show.gif

很多数据值也需要显示出来, 用InputText这种方便选择
再完成一些细节就搞定了

show.gif

访问三峰驼Qml控件大全

联系方式:


作者 郑天佐
QQ 278969898
主页 http://www.camelstudio.cn/
邮箱 camelsoft@163.com
博客 http://blog.csdn.net/zhengtianzuo06/
github https://github.com/zhengtianzuo
QQ群 199672080

捐赠

<img src="https://github.com/zhengtianzuo/zhengtianzuo.github.io/blob/master/weixin.jpg?raw=true" width="30%" height="30%" /> <img src="https://github.com/zhengtianzuo/zhengtianzuo.github.io/blob/master/zhifubao.jpg?raw=true" width="30%" height="30%" />

觉得分享的内容还不错, 就请作者喝杯咖啡吧~~

上一篇下一篇

猜你喜欢

热点阅读