Github網址:https://github.com/Stars-One/CirclePointMove 這個開源庫一個封裝好的Viewpager指示器,之前在學習的時候,想要實現一個小圓點跟隨Viewpager移動的功能,在github上找了許久,發現大神們的指示器很強大,很逼格,同時,設置也是 ...
Github網址:https://github.com/Stars-One/CirclePointMove
這個開源庫一個封裝好的Viewpager指示器,之前在學習的時候,想要實現一個小圓點跟隨Viewpager移動的功能,在github上找了許久,發現大神們的指示器很強大,很逼格,同時,設置也是很複雜,看得我有些懵逼。
之後在耐心地研究了一下實現小圓點能夠移動的功能,就是心血來潮想做個開源庫,直接就可以實現小圓點的功能,結合之前學了的自定義View,在兩天的辛苦研究之下,翻遍了許多資料,終於是成功地做了出來,滿滿的成就感!
是不是感覺github上的文檔比較逼格,我才不會告訴你Github上的那個英文文檔是我自己寫的
第一次做開源庫,我還是有些小緊張外加一些小激動的,之前不少的大神做的開源庫,寫的說明文檔那叫一個多啊,這次也是輪到我寫文檔了,哈哈
預覽圖:
![](https://upload-images.jianshu.io/upload_images/10298717-49e594f0d159d53f.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/481)
使用:
1.添加依賴
maven{url'https://jitpack.io'}
compile 'com.github.Stars-One:CirclePointMove:v1.1'
![](https://upload-images.jianshu.io/upload_images/10298717-a938e788696c2baf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
![](https://upload-images.jianshu.io/upload_images/10298717-a3801fa14093cd3c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
2.在佈局文件中使用CirclePointMove
![](https://upload-images.jianshu.io/upload_images/10298717-fa64f1430d4418de.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/408)
提示:建議寬高按照圖中的值就好,之後不滿意的話可以更改size的數值從而改變height的高度
使用前記得修改count的值,你的viewpager中有幾個item就輸入幾
3.設置Viewpager的adapter,之後為Viewpager設置OnPageChangeListener
4.通過findviewbyid找到CirclePointMove
4.在OnPageChangeListener中的onPageScrolled調用CirclePointMove的setonPageScrolled方法
![](https://upload-images.jianshu.io/upload_images/10298717-824b03b9d2caa86e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
其他:
![](https://upload-images.jianshu.io/upload_images/10298717-f1e7353acc8f12ea.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
小提示:要使用的上述屬性的話,記得添加nameplace,如下圖
![](https://upload-images.jianshu.io/upload_images/10298717-54998d65cf49e6d2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/691)
覺得不錯的話,記得隨手star哦!!
或者給個贊賞紅包也是可以的哈哈,實話說,這個項目是我熬了兩天夜寫出來的
![](https://upload-images.jianshu.io/upload_images/10298717-356d8aa84971ec85.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)