先看实现的图形界面如下
这是初始状态,通过上下滑动,改变这些小块的颜色
代码实现如下
资源文件
<?xml version="1.0" encoding="utf-8"?>
<resources>
<attr name="firstColor" format="color"/>
<attr name="secondColor" format="color"/>
<attr name="circleWidth" format="dimension"/>
<declare-styleable name="CustomView">
<attr name="firstColor"/>
<attr name="secondColor"/>
<attr name="circleWidth"/>
</declare-styleable>
</resources>