转载请标明出处: http://blog.csdn.net/airsaid/article/details/52904344
本文出自:周游的博客
前言
最近公司项目中,有一个如下的UI:
可以看到,右侧的圆点,虽然可以直接用布局实现,但是由于很多地方都出现了,所以考虑到复用性不高。可以直接用自定义View来实现,扩展性和复用性都很好,并且这个View也很简单,直接画圆就行了。
最终效果
代码
首先来定义需要用到的自定义属性:
<!--圆点指示器View属性-->
<declare-styleable name="IndicateDotView">
<!--已选中指示点颜色-->
<attr name="indicate_select_color" format="color"/>
<!--未选中指示点颜色-->
<attr name="indicate_unselect_color" format="color"/>
<!--指示点之间的间距-->
<attr name="indicate_margin" format="dimension"/>
<!--指示点半径-->
<attr name="indicate_radius" format