Android App中用Handler實(shí)現(xiàn)ViewPager頁面的自動(dòng)切換
更新時(shí)間：2016年05月17日 18:52:43 作者：風(fēng)荷舉
這篇文章主要介紹了Android App中用Handler實(shí)現(xiàn)ViewPager頁面的自動(dòng)切換的方法,類似于相冊自動(dòng)播放,主要是切換后要提示當(dāng)前頁面所在的位置,需要的朋友可以參考下
在很多電商網(wǎng)頁及app上都有自動(dòng)切換的商品的推廣快，感覺體驗(yàn)挺不錯(cuò)的，正好今天學(xué)習(xí)使用ViewPager，因此也實(shí)現(xiàn)了一個(gè)功能類似的demo。
下面是其中的兩個(gè)截圖：
實(shí)現(xiàn)一個(gè)自動(dòng)播放功能的ViewPager，要做的主要有以下的幾個(gè)部分：
實(shí)現(xiàn)一個(gè)ViewPagerAdapter，用于為ViewPager提供展示內(nèi)容（例如上面的兩張小貓圖片）
public class ViewPagerAdapter extends PagerAdapter {
private List<View> mData;
public ViewPagerAdapter(List<View> mData) {
this.mData = mData;
}
@Override
public int getCount() {
return mData.size();
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
View v = mData.get(position);
container.addView(v);
return v;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// super.destroyItem(container, position, object);
container.removeView(mData.get(position));
}
}
實(shí)現(xiàn)一個(gè)OnPageChangeListener，這樣在頁面切換后可以提示當(dāng)前頁面所在的位置（例如上圖中，左下角的3個(gè)圓點(diǎn)，紅色表示當(dāng)前頁面）
private class ViewPageChangeListener implements OnPageChangeListener {
@Override
public void onPageScrollStateChanged(int arg0) {
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
//監(jiān)聽頁面改變事件來改變viewIndicator中的指示圖片
@Override
public void onPageSelected(int arg0) {
int len = viewIndicator.getChildCount();
for(int i = 0; i < len; ++i)
viewIndicator.getChildAt(i).setBackgroundResource(R.drawable.tip_normal);
viewIndicator.getChildAt(arg0).setBackgroundResource(R.drawable.tip_select);
}
}
實(shí)現(xiàn)一個(gè)Handler，用于在一定的時(shí)間間隔后修改UI（將當(dāng)前顯示的圖片切換到下一個(gè)）
private Handler mHandler = new Handler() {
public void handleMessage(android.os.Message msg) {
switch(msg.what) {
case 1:
int totalcount = pagers.size();//autoChangeViewPager.getChildCount();
int currentItem = autoChangeViewPager.getCurrentItem();
int toItem = currentItem + 1 == totalcount ? 0 : currentItem + 1;
Log.i(TAG, "totalcount: " + totalcount + " currentItem: " + currentItem + " toItem: " + toItem);
autoChangeViewPager.setCurrentItem(toItem, true);
//每兩秒鐘發(fā)送一個(gè)message，用于切換viewPager中的圖片
this.sendEmptyMessageDelayed(1, 2000);
}
}
};
上面這3段就是主要的代碼，除此之外，還需要在onResume()中發(fā)送一個(gè)起始message以及在onStop()中停止ViewPager頁面的自動(dòng)切換等內(nèi)容。
完整的代碼如下：
public class MainActivity extends Activity {
private static final String TAG = MainActivity.class.getSimpleName();
private ViewPager autoChangeViewPager;
//用來指示當(dāng)前顯示圖片所在位置
private LinearLayout viewIndicator;
//包含要在ViewPager中顯示的圖片
private List<View> pagers;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
autoChangeViewPager = (ViewPager) findViewById(R.id.autoVP);
viewIndicator = (LinearLayout) findViewById(R.id.vpindicator);
initAdapter();
//監(jiān)聽頁面改變事件來改變viewIndicator中的指示圖片
autoChangeViewPager.setOnPageChangeListener(new ViewPageChangeListener());
}
private void initAdapter() {
//即將在viewPager中展示的圖片資源
int[] imgs = {R.drawable.i1, R.drawable.i2, R.drawable.i3};
//init pagers;
pagers = new ArrayList<View>();
LinearLayout.LayoutParams img_params = new LayoutParams(
LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT
);
for(int i = 0; i < imgs.length; ++i) {
ImageView iv = new ImageView(this);
iv.setBackgroundResource(imgs[i]);
iv.setLayoutParams(img_params);
final int index = i;
iv.setOnClickListener(new OnClickListener() {
//當(dāng)viewPager中的圖片被點(diǎn)擊后，跳轉(zhuǎn)到新的activity
@Override
public void onClick(View v) {
Intent i = new Intent(MainActivity.this, InvokedActivity.class);
i.putExtra("name", "cat " + index);
MainActivity.this.startActivity(i);
}
});
pagers.add(iv);
}
autoChangeViewPager.setAdapter(new ViewPagerAdapter(pagers));
//init indicator
LinearLayout.LayoutParams ind_params = new LayoutParams(
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT
);
for(int i = 0; i < imgs.length; ++i) {
ImageView iv = new ImageView(this);
if(i == 0)
iv.setBackgroundResource(R.drawable.tip_select);
else
iv.setBackgroundResource(R.drawable.tip_normal);
iv.setLayoutParams(ind_params);
viewIndicator.addView(iv);
}
}
@Override
protected void onResume() {
super.onResume();
//activity啟動(dòng)兩秒鐘后，發(fā)送一個(gè)message，用來將viewPager中的圖片切換到下一個(gè)
mHandler.sendEmptyMessageDelayed(1, 2000);
}
@Override
protected void onStop() {
super.onStop();
//停止viewPager中圖片的自動(dòng)切換
mHandler.removeMessages(1);
}
public class ViewPagerAdapter extends PagerAdapter {
private List<View> mData;
public ViewPagerAdapter(List<View> mData) {
this.mData = mData;
}
@Override
public int getCount() {
return mData.size();
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
View v = mData.get(position);
container.addView(v);
return v;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// super.destroyItem(container, position, object);
container.removeView(mData.get(position));
}
}
private class ViewPageChangeListener implements OnPageChangeListener {
@Override
public void onPageScrollStateChanged(int arg0) {
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
//監(jiān)聽頁面改變事件來改變viewIndicator中的指示圖片
@Override
public void onPageSelected(int arg0) {
int len = viewIndicator.getChildCount();
for(int i = 0; i < len; ++i)
viewIndicator.getChildAt(i).setBackgroundResource(R.drawable.tip_normal);
viewIndicator.getChildAt(arg0).setBackgroundResource(R.drawable.tip_select);
}
}
private Handler mHandler = new Handler() {
public void handleMessage(android.os.Message msg) {
switch(msg.what) {
case 1:
int totalcount = pagers.size();//autoChangeViewPager.getChildCount();
int currentItem = autoChangeViewPager.getCurrentItem();
int toItem = currentItem + 1 == totalcount ? 0 : currentItem + 1;
Log.i(TAG, "totalcount: " + totalcount + " currentItem: " + currentItem + " toItem: " + toItem);
autoChangeViewPager.setCurrentItem(toItem, true);
//每兩秒鐘發(fā)送一個(gè)message，用于切換viewPager中的圖片
this.sendEmptyMessageDelayed(1, 2000);
}
}
};
}
布局文件如下：（上面代碼中的InvokedActivity非常簡單，此處就省略了）
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<android.support.v4.view.ViewPager
android:id="@+id/autoVP"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<LinearLayout
android:id="@+id/vpindicator"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:orientation="horizontal" />
</FrameLayout>
您可能感興趣的文章:
- Android TextSwitcher文本切換器和ViewFlipper使用詳解
- Android 上下滾動(dòng)TextSwitcher實(shí)例詳解
- Android TextSwitcher實(shí)現(xiàn)文字上下翻牌效果(銅板街)
- Android應(yīng)用中圖片瀏覽時(shí)實(shí)現(xiàn)自動(dòng)切換功能的方法詳解
- Android開發(fā)之使用ViewPager實(shí)現(xiàn)圖片左右滑動(dòng)切換效果
- Android App仿微信界面切換時(shí)Tab圖標(biāo)變色效果的制作方法
- Android自定義ImageView實(shí)現(xiàn)點(diǎn)擊兩張圖片切換效果
- Android實(shí)現(xiàn)圖片輪播切換實(shí)例代碼
- Android編程實(shí)現(xiàn)圖片背景漸變切換與圖層疊加效果
- Android實(shí)現(xiàn)加載狀態(tài)視圖切換效果
- Android開發(fā)實(shí)現(xiàn)自動(dòng)切換文字TextSwitcher功能示例
相關(guān)文章
淺談android獲取存儲(chǔ)目錄(路徑)的幾種方式和注意事項(xiàng)
今天小編就為大家分享一篇淺談android獲取存儲(chǔ)目錄(路徑)的幾種方式和注意事項(xiàng)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Android自定義View展開菜單功能的實(shí)現(xiàn)
這篇文章主要介紹了Android自定義View展開菜單功能的實(shí)現(xiàn),需要的朋友可以參考下2017-06-06
這篇文章主要介紹了Android中Memory Leak原因分析及解決辦法，需要的朋友跟著學(xué)習(xí)下吧。2017-12-12
Android編程中Intent實(shí)現(xiàn)頁面跳轉(zhuǎn)功能詳解
這篇文章主要介紹了Android編程中Intent實(shí)現(xiàn)頁面跳轉(zhuǎn)功能,結(jié)合實(shí)例形式分析了Android Intent實(shí)現(xiàn)頁面跳轉(zhuǎn)功能的具體步驟與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-07-07
詳解Flutter?響應(yīng)式狀態(tài)管理框架GetX
這篇文章主要為大家介紹了Flutter?響應(yīng)式狀態(tài)管理框架GetX詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要介紹了Android中文件的壓縮和解壓縮,需要的朋友可以參考下2017-03-03
Android編程之絕對(duì)布局AbsoluteLayout和相對(duì)布局RelativeLayout實(shí)例詳解
這篇文章主要介紹了Android編程之絕對(duì)布局AbsoluteLayout和相對(duì)布局RelativeLayout實(shí)現(xiàn)方法,結(jié)合實(shí)例形式詳細(xì)分析了Android絕對(duì)布局AbsoluteLayout和相對(duì)布局RelativeLayout的原理與使用技巧,需要的朋友可以參考下2015-12-12
Android使用SQLite數(shù)據(jù)庫的示例
本篇文章主要介紹了Android使用SQLite數(shù)據(jù)庫的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01
flutter Toast實(shí)現(xiàn)消息提示框
這篇文章主要為大家詳細(xì)介紹了flutter Toast實(shí)現(xiàn)消息提示框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
Android中Handler、Thread、HandlerThread三者的區(qū)別
本文主要介紹了Android中Handler、Thread、HandlerThread三者的區(qū)別，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10