本网站(662p.com)打包出售,且带程序代码数据,662p.com域名,程序内核采用TP框架开发,需要联系扣扣:2360248666 /wx:lianweikj
精品域名一口价出售:1y1m.com(350元) ,6b7b.com(400元) , 5k5j.com(380元) , yayj.com(1800元), jiongzhun.com(1000元) , niuzen.com(2800元) , zennei.com(5000元)
需要联系扣扣:2360248666 /wx:lianweikj
小程序拾色器(颜色选择器)组件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
微信小程序自定义导航栏组件源码案例

相关信息 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评论

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