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

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

2019-04-19_152439.png

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

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

image.png

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

show.gif

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

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

show.gif

再加上透明度的选择

show.gif

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

show.gif

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

show.gif

访问三峰驼Qml控件大全

联系方式:

捐赠

<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%" />

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