你是否有遇到這樣的問題,每次開發(fā)一個新的項目辣之,在 viewpager 這一塊上掰伸,總是在做重復(fù)的東西,比如app引導(dǎo)頁怀估,輪播圖狮鸭,
viewpager+fragment 的 tab 指示器等等,這些雖然簡單多搀,但卻是每個app都要的歧蕉,而且很耗時,有沒有每次在寫這個康铭,都很無語的感覺呢惯退?
基于上面這種情況,ViewPagerHelper 就誕生了从藤。ViewPagerHelper 是一個能快速幫你的完成 app引導(dǎo)頁催跪,輪播,和viewpager 指示器的工具夷野,
內(nèi)面內(nèi)置了常用屬性叠荠,滿足你日常對油膩的師姐的一切幻想,解放你的雙手扫责,釋放你的靈魂。逃呼。鳖孤。。抡笼。
ViewPagerHelper
這是一個 viewpager 的工具類苏揣,可以幫助你快速實現(xiàn),app啟動頁推姻、圖片輪播平匈、viewpager + fragment 等功能,并添加多種指示器功能
How to use
這里用的是 jitpack 這個網(wǎng)站藏古,所以:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
然后在你的 module 中添加:
compile 'com.github.LillteZheng:ViewPagerHelper:v0.1'
目前還只是添加了app首次啟動引導(dǎo)頁增炭,還是圖片輪播圖;后期將會加入更多的內(nèi)容
效果圖
首先拧晕,大家最常用到的就是輪播圖了隙姿,這里給大家提供了 4 中常用的 Indicator
1、輪播圖
第一個厂捞,仿魅族的輪播圖输玷,加底部放大圓點:
這里解釋一下底部圓點放大的原理队丝,其實非常簡單,就是用一個 shade欲鹏,里面配置成 圓點机久,然后在代碼中去設(shè)置透明度和放大縮小,就是這么簡單赔嚎;小伙伴們可以先按照這個思路自己做一下膘盖,或者可以下載代碼驗證一下。
第二個尽狠,現(xiàn)在比較流行的弧形圖片
這個是比較流行的衔憨,像淘寶,京東這些袄膏,都用了這個践图;這個弧形imageview 呢,也很簡單沉馆,相信學(xué)習(xí)過拋物線大神的自定義專欄码党,這個馬上就能想到了用什么方法了;沒錯斥黑,就是用 BitmapShader,對圖片進行裁剪揖盘,所以,我們可以用 path 把要繪制的形狀弄出來锌奴,再用 BitmapShader 對圖片進行裁剪即可兽狭。
如果你要使用弧形圖片,可以用 ArcImageView 這個控件鹿蜀,可以這樣配置:
<!--弧形圖片箕慧,arc_height 為弧度的高度-->
<com.zhengsr.viewpagerlib.view.ArcImageView
android:id="@+id/arc_icon"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:arc_height="15dp"
android:scaleType="centerCrop"/>
第三個,底部指示器是移動的茴恰,看起來比較舒服
TransIndicator 提供了兩種颠焦,一個是如圖的橢圓形,還是就是圓點往枣,可以選擇自己喜歡的伐庭。它的原理呢,其實也不難分冈,就是先寫好4個小圓條圾另,然后再繪制白色的圓條,再根據(jù) viewpager 的 onPageScrolled 獲取距離的變化雕沉,改變 canvas.translate 的繪制位置即可盯捌。
第四個,底部指示器文字版本
詳細介紹蘑秽,可以看這篇博客:
http://blog.csdn.net/u011418943/article/details/78493002