LoopPager
這是一個Android輪轉(zhuǎn)圖控件若未,可作為banner,也可作為引導(dǎo)頁溉知。圖片能夠從網(wǎng)絡(luò)中獲取陨瘩,也能使用本地的資源文件腕够。
吐槽一句,取名字真的是很麻煩啊~
下面看截圖:
![looppager](https://github.com/550609334/LoopPager/blob/master/screenshots/looppager.gif?raw=true)
looppager
截圖掉幀舌劳,實際很流暢
matters needing attention
該控件可最低支持到API14
該控件依賴了以下兩個library帚湘,使用者無需在項目里再次添加 (Don't need to add)。
compile 'com.android.support:appcompat-v7:23.4.0'
compile 'com.github.bumptech.glide:glide:3.7.0' 是的圖片加載是用glide甚淡,所以可以加載gif哦~
項目地址(如何使用)
https://github.com/550609334/LoopPager
example(示例)
local(從本地加載)
首先需要一個String-Array
<string-array name="imgs">
<item>@mipmap/img1</item>
<item>@mipmap/img2r</item>
<item>@mipmap/img3</item>
<item>@mipmap/img4</item>
</string-array>
接著只要將這個String-Array引用即可
<com.lzp.looppager.LoopPager
android:id="@+id/loopPager"
android:layout_width="match_parent"
android:layout_height="200dp"
app:imagesForLocal="@array/imgs"
>
或者在JAVA代碼中設(shè)置
List<Integer> images = new ArrayList<>();
images.add(R.mipmap.header);
images.add(R.mipmap.header);
images.add(R.mipmap.header);
mLoopPager.setLocalImages(images);
remote(從網(wǎng)絡(luò)獲却笾睢)
List<String> urls = new ArrayList<>();
urls.add("http://i0.hdslb.com/video/e0/e0814751cf26c9b319ed974d7f3d5f67.jpg");
urls.add("http://img4.imgtn.bdimg.com/it/u=3252822932,941775074&fm=21&gp=0.jpg");
urls.add("http://img1.imgtn.bdimg.com/it/u=3547247058,1962251339&fm=21&gp=0.jpg");
urls.add("http://static.vgtime.com/article/web/150515191332685.jpg");
mLoopPager.setRemoteImageUrls(urls);
Events(事件)
給了三個事件,點擊贯卦,長按和選中资柔。
mLoopPager.setOnClickListener(new LoopPager.OnClickListener() {
@Override
public void onClick(int position, ImageView imageView) {
}
@Override
public void longClick(int position, ImageView imageView) {
}
});
mLoopPager.setPagerChangeListener(new LoopPager.PagerChangeListener() {
@Override
public void pagerChange(int position) {
}
});
More settings(更多設(shè)置)
XML
設(shè)置導(dǎo)航標(biāo)識的顏色
app:naviColor="#ff9800"
設(shè)置導(dǎo)航標(biāo)示所處位置 bottom_center,bottom_left撵割,bottom_right贿堰,top_center,top_left啡彬,top_right 六個可選
app:mPosition="bottom_right"
設(shè)置圖片切換等待時間羹与,默認為2000毫秒
app:loopDuration="3000"
設(shè)置是否開啟導(dǎo)航標(biāo)識
app:enableNavi="true"
設(shè)置是否自動切換
app:loop="true"
設(shè)置導(dǎo)航標(biāo)識的圖形,circle庶灿,rectangle纵搁,roundRectangle,三種可選往踢,默認圓形
app:naviShape="circle"
設(shè)置導(dǎo)航標(biāo)識在圓形狀態(tài)下的半徑
app:naviRadius="4dp"
設(shè)置導(dǎo)航標(biāo)識在矩形或圓角矩形狀態(tài)下的寬高
app:rectangleWidth="8dp"
app:rectangleHeight="4dp"
Java Code
Java代碼基本對應(yīng)上面XML中設(shè)置的項
mLoopPager.setEnableNavi(true);
mLoopPager.setLoop(true);
mLoopPager.setLoopDuration(3000);
mLoopPager.setNaviPosition(LoopPager.BOTTOM_RIGHT)
mLoopPager.setNaviRadius(4);
mLoopPager.setNaviShape(LoopPager.CIRCLE);
mLoopPager.setNaviWidthAndHeight(8,4);
Other
About bugs
如果出現(xiàn)Bug腾誉,或者你有什么建議或需求,可以Email連系我峻呕。