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控件大全

联系方式:


作者 郑天佐
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%" />

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容