RollViewPager圖片輪播效果開源框架使用方法詳解
RollViewPager是一個(gè)自動(dòng)輪播的Viewpager,支持無限循環(huán)。 觸摸時(shí)會(huì)暫停播放,直到結(jié)束觸摸一個(gè)延遲周期以后繼續(xù)播放。 看起來就像這樣。指示器可以為點(diǎn)可以為數(shù)字還可以自定義,位置也可以變。
附上RollViewPager Github地址:https://github.com/Jude95/RollViewPager
使用Android Studio開發(fā)在gradle添加依賴:
compile 'com.jude:rollviewpager:1.4.5'
在布局文件當(dāng)中使用:
<com.jude.rollviewpager.RollPagerView android:layout_width="match_parent" android:layout_height="180dp" app:rollviewpager_play_delay="3000"/>
要使用到RollViewPager自定義屬性的時(shí)候,在布局文件當(dāng)中我們必須添加:
xmlns:app="http://schemas.android.com/apk/res-auto
RollPagerView自定義屬性:
app:rollviewpager_play_delay="3000" 播放間隔時(shí)間,單位ms。填0則不播放。默認(rèn)為0 app:rollviewpager_hint_gravity="center" 指示器位置,提供left,center,right。默認(rèn)center
app:rollviewpager_hint_color="#7c7c7c" 指示器背景顏色.默認(rèn)黑色
app:rollviewpager_hint_alpha="80" 指示器背景透明度。0全透明,255不透明。默認(rèn)0.
app:rollviewpager_hint_paddingLeft="16dp" 指示器左邊距
app:rollviewpager_hint_paddingRight="16dp" 指示器右邊距
app:rollviewpager_hint_paddingTop="16dp" 指示器上邊距
app:rollviewpager_hint_paddingBottom="16dp" 指示器下邊距
一般指定一下間隔時(shí)間。
RollViewPager提供了自定義指示器的類:HintView 用法:
參數(shù)說明:上下文,當(dāng)前輪播圖指示器圖片 默認(rèn)指示器圖片
mRollViewPager.setHintView(new IconHintView(this,R.drawable.point_focus,R.drawable.point_normal));
mRollViewPager.setHintView(new ColorPointHintView(this, Color.YELLOW,Color.WHITE));
mRollViewPager.setHintView(new TextHintView(this));
mRollViewPager.setHintView(null);//隱藏指示器
設(shè)置點(diǎn)擊事件:
pagerView.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(int position) { Toast.makeText(MainActivity.this,""+position,Toast.LENGTH_SHORT).show(); } });
提供以下三種種方便的PagerAdapter供使用。
本ViewPager也可以使用其他任意PagerAdapter。
StaticPagerAdapter:
存儲(chǔ)頁面的Adapter。view添加進(jìn)去就存儲(chǔ)不會(huì)再次getView,減少頁面創(chuàng)建消耗,消耗內(nèi)存。一般自動(dòng)播放的情況這種方案比較好。不然會(huì)大量構(gòu)造View。 概念參照FragmentPagerAdapter??梢杂糜谄渌鸙iewPager。
class MyPagerAdapter extends StaticPagerAdapter { private int[] image = {R.mipmap.one, R.mipmap.two, R.mipmap.three, R.mipmap.four}; // SetScaleType(ImageView.ScaleType.CENTER_CROP); // 按比例擴(kuò)大圖片的size居中顯示,使得圖片長(寬)等于或大于View的長(寬) @Override public View getView(ViewGroup container, int position) { ImageView imageView = new ImageView(container.getContext()); imageView.setImageResource(image[position]); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)); return imageView; } @Override public int getCount() { return image.length; } }
DynamicPagerAdapter (跟以上Adapter用法一樣)
動(dòng)態(tài)的Adapter。當(dāng)創(chuàng)建3號view時(shí)會(huì)銷毀1號view(遞推),會(huì)時(shí)常調(diào)用getView。增加頁面創(chuàng)建消耗,減小內(nèi)存消耗。 概念參照FragmentStatePagerAdapter??梢杂糜谄渌鸙iewPager。
LoopPagerAdapter
無限循環(huán)的Adapter。無限循環(huán)上采用的是getCount返回int大數(shù)的方法(并沒有什么缺點(diǎn),另外估計(jì)1s的間隔時(shí)間你在有生之年看不到他播放到底)。實(shí)測比第N頁跳轉(zhuǎn)到第1頁的效果好。
數(shù)據(jù)采用StaticPagerAdapter的方案。節(jié)省創(chuàng)建View開銷。 本Adapter只能用于本RollViewPager;
無需其他設(shè)置,很簡單。
mRollViewPager.setAdapter(new TestLoopAdapter(mRollViewPager)); private class TestLoopAdapter extends LoopPagerAdapter{ private int[] imgs = { R.drawable.img1, R.drawable.img2, R.drawable.img3, R.drawable.img4, }; public TestLoopAdapter(RollPagerView viewPager) { super(viewPager); } @Override public View getView(ViewGroup container, int position) { ImageView view = new ImageView(container.getContext()); view.setImageResource(imgs[position]); view.setScaleType(ImageView.ScaleType.CENTER_CROP); view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)); return view; } @Override public int getRealCount() { return imgs.length; } }
播放控制
rollViewPager.pause() rollViewPager.resume() rollViewPager.isPlaying()
MainActivity代碼:
public class MainActivity extends AppCompatActivity { private RollPagerView pagerView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); pagerView = (RollPagerView) findViewById(R.id.rollPagerView); //設(shè)置適配器 pagerView.setAdapter(new MyPagerAdapter()); pagerView.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(int position) { Toast.makeText(MainActivity.this,""+position,Toast.LENGTH_SHORT).show(); } }); //對指示器的自定義 參數(shù)說明:上下文,當(dāng)前輪播圖指示器圖片 默認(rèn)指示器圖片 // pagerView.setHintView(new IconHintView(this,R.mipmap.ic_launcher,R.mipmap.fouse)); } class MyPagerAdapter extends StaticPagerAdapter { private int[] image = {R.mipmap.one, R.mipmap.two, R.mipmap.three, R.mipmap.four}; // SetScaleType(ImageView.ScaleType.CENTER_CROP); // 按比例擴(kuò)大圖片的size居中顯示,使得圖片長(寬)等于或大于View的長(寬) @Override public View getView(ViewGroup container, int position) { ImageView imageView = new ImageView(container.getContext()); imageView.setImageResource(image[position]); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)); return imageView; } @Override public int getCount() { return image.length; } } }
xml代碼:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <!--rollviewpager_play_delay 播放時(shí)間間隔默認(rèn)為0--> <com.jude.rollviewpager.RollPagerView android:layout_width="match_parent" android:layout_height="150dp" android:id="@+id/rollPagerView" app:rollviewpager_play_delay="3000" > </com.jude.rollviewpager.RollPagerView> </RelativeLayout>
附上效果圖:
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- RollViewPager無限輪播使用方法詳解
- Android使用開源框架ANDROID-IMAGE-INDICATOR實(shí)現(xiàn)圖片輪播部署
- Android線程實(shí)現(xiàn)圖片輪播
- Android ViewPager實(shí)現(xiàn)圖片輪播效果
- Android自動(dòng)播放Banner圖片輪播效果
- Android開發(fā)之滑動(dòng)圖片輪播標(biāo)題焦點(diǎn)
- Android客戶端實(shí)現(xiàn)圖片輪播控件
- Android實(shí)現(xiàn)廣告圖片輪播效果
- Android實(shí)現(xiàn)圖片輪播切換實(shí)例代碼
- Android實(shí)現(xiàn)圖片輪播效果的兩種方法
相關(guān)文章
Android JNI處理圖片實(shí)現(xiàn)黑白濾鏡的方法
這篇文章主要介紹了Android JNI處理圖片實(shí)現(xiàn)黑白濾鏡的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01Android菜單的定義及ActionBar的實(shí)現(xiàn)
本篇文章主要介紹了Android菜單的定義及ActionBar的實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08Android實(shí)現(xiàn)狀態(tài)欄(statusbar)漸變效果的示例
本篇文章主要介紹了Android實(shí)現(xiàn)狀態(tài)欄(statusbar)漸變效果的示例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09Android編程開發(fā)之Spinner控件用法實(shí)例分析
這篇文章主要介紹了Android編程開發(fā)之Spinner控件用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了下拉列表Spinner的具體使用技巧,需要的朋友可以參考下2015-12-12Android計(jì)時(shí)器的三種實(shí)現(xiàn)方式(Chronometer、Timer、handler)
這篇文章主要介紹了Android計(jì)時(shí)器的三種實(shí)現(xiàn)方式,Chronometer、Timer、handler計(jì)時(shí)器的實(shí)現(xiàn)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11