小程序拾色器(颜色选择器)组件mini-color-picker
it老王 · 534浏览量 · 发布于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
源码使用过程中,如无法搭建或有增加其他功能需求,可联系QQ:236-0248-666 ,付费搭建安装修改服务!
温馨提示:网站源码只作为学习或研究使用,如需商业使用请购买正版!
温馨提示:网站源码只作为学习或研究使用,如需商业使用请购买正版!
相关推荐
仿拼多多拼团倒计时微信小程序源码
相关信息
无间道 · 338浏览 · 2022-02-09 17:25:50
切换城市功能微信小程序代码
相关信息
sz199511 · 297浏览 · 2022-02-09 17:20:28
滑动选型卡微信小程序代码
相关信息
zhuxiaoqiang · 282浏览 · 2022-02-09 10:14:35
微信小程序中的股票分时图K线图源码
相关信息
sz199511 · 512浏览 · 2021-03-04 16:49:42
微信小程序仿朋友圈Pro(内容发布、点赞、评论、回复评论)源码案例
相关信息
zhuxiaoqiang · 521浏览 · 2021-01-06 09:49:15
微信小程序自定义导航栏组件源码案例
相关信息
sz199511 · 498浏览 · 2021-01-04 21:18:36
滚动播放视频微信小程序特效源码
相关信息
xiaomei1994 · 823浏览 · 2020-12-04 17:29:34
微信小程序实现蓝牙控制音乐小车
相关信息
it老王 · 884浏览 · 2020-11-29 11:12:55
分类专栏
最新发布
源码排行榜
0评论