目录

0 前言

直接上需求,实现一个如图的颜色选择器功能

1 思考过程

咋一看挺麻烦的,因为据我所知的颜色表达方式是RGB,用三个颜色通道(red,green,blue)表示,不同的rgb值,组合成不同的颜色。但是在这个需求中,用rgb显然是没法实现的,rgb有三个维度的值,而需求只有一个维度(圆圈角度)。

其实颜色除了用rgb表示,还可以用hsv等方式表示,具体可以看这篇博客。hsv表达颜色的方式,完美契合了需求,需求不关心颜色的饱和度和明度,只需要把这两个值固定,然后改变颜色的色调(0-360),就能够实现需求中的不同颜色。

2 代码实现

3 总结