小程序拾色器（颜色选择器）组件mini-color-picker

应用介绍

作者MakerGYT，源码mini-color-picker，小程序拾色器（颜色选择器）组件,通过调色盘取色，用于用户自定义场景。

对比:

• we-color-picker 需注意组件定位，操作不跟手不流畅,配置复杂。其定位会撑开原有页面，体验不佳。滑动距离按像素区分(固定)，需考虑设备分辨率，不利于多端。

• PapaerPen 利用原有slider组件实现滑动选取，不限于设备分辨率。但需三次操作。

特性:

本组件利用官方提供的slider实现选择色相，movable-view选择饱和度和明度，由于是官方基础组件，操作顺畅。在滑动区域的设定上，使用占比来影响色值变化，无需考虑rpx转换。在操作流程上，限于手机操作区域，不能使用Popover，使用底部拉起弹窗，不影响原有页面，重点突出。在操作预览上，由于弹窗遮罩不可避免无法实时预览，采用色相滑块的颜色来实现预览。同时考虑了iphone-x的安全区域问题。

注意:

外部与组件通信的数据格式是rgb,为了避免引入多种数据格式而导致代码冗余，开发者可自行按需转换，参考附:

• rgb->16进制

• rgb->hsv

• rgb->cmyk

• hex->rgb

• hsv->rgb