小程序拾色器(颜色选择器)组件mini-color-picker
it老王 · 131浏览量 · 发布于2020-11-29 +关注

作者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


相关推荐

微信小程序自定义导航栏组件源码案例

相关信息 sz199511 · 125浏览 · 2021-01-04 21:18:36
滚动播放视频微信小程序特效源码

相关信息 xiaomei1994 · 146浏览 · 2020-12-04 17:29:34
微信小程序实现蓝牙控制音乐小车

相关信息 it老王 · 177浏览 · 2020-11-29 11:12:55
微信小程序车牌组件代码

相关信息 我是陈晓 · 450浏览 · 2020-11-27 16:00:05
加载中

0评论

评论
爱折腾技术,喜欢前后端开发!
  • 源码信息
  • 所需 1 点数
  • 源码作者:it老王
  • 源码大小:1.809 MB
  • 源码类型:组件
  • 运行环境:未知
小鸟云服务器
扫码进入手机网页