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

首先我们来看看PS的颜色输入框, 非常的专业, 优美
QtQuick/Qml自定义控件(4)-颜色输入对话框

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

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

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

然后是选择的圆框, 鼠标指哪打哪
QtQuick/Qml自定义控件(4)-颜色输入对话框
录制的gif渐变色显示不是很清楚

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

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

再加上透明度的选择

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

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

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

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

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

访问三峰驼Qml控件大全

QtQuick/Qml自定义控件(4)-颜色输入对话框 仅此文章的功能 QtQuick/Qml自定义控件(4)-颜色输入对话框

联系方式:


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

捐赠

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

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