Android App中用Handler实现ViewPager页面的自动切换
更新时间：2016年05月17日 18:52:43 作者：风荷举
这篇文章主要介绍了Android App中用Handler实现ViewPager页面的自动切换的方法,类似于相册自动播放,主要是切换后要提示当前页面所在的位置,需要的朋友可以参考下
在很多电商网页及app上都有自动切换的商品的推广快，感觉体验挺不错的，正好今天学习使用ViewPager，因此也实现了一个功能类似的demo。
下面是其中的两个截图：
实现一个自动播放功能的ViewPager，要做的主要有以下的几个部分：
实现一个ViewPagerAdapter，用于为ViewPager提供展示内容（例如上面的两张小猫图片）
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));
}
}
实现一个OnPageChangeListener，这样在页面切换后可以提示当前页面所在的位置（例如上图中，左下角的3个圆点，红色表示当前页面）
private class ViewPageChangeListener implements OnPageChangeListener {
@Override
public void onPageScrollStateChanged(int arg0) {
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
//监听页面改变事件来改变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);
}
}
实现一个Handler，用于在一定的时间间隔后修改UI（将当前显示的图片切换到下一个）
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);
//每两秒钟发送一个message，用于切换viewPager中的图片
this.sendEmptyMessageDelayed(1, 2000);
}
}
};
上面这3段就是主要的代码，除此之外，还需要在onResume()中发送一个起始message以及在onStop()中停止ViewPager页面的自动切换等内容。
完整的代码如下：
public class MainActivity extends Activity {
private static final String TAG = MainActivity.class.getSimpleName();
private ViewPager autoChangeViewPager;
//用来指示当前显示图片所在位置
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();
//监听页面改变事件来改变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() {
//当viewPager中的图片被点击后，跳转到新的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启动两秒钟后，发送一个message，用来将viewPager中的图片切换到下一个
mHandler.sendEmptyMessageDelayed(1, 2000);
}
@Override
protected void onStop() {
super.onStop();
//停止viewPager中图片的自动切换
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) {
}
//监听页面改变事件来改变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);
//每两秒钟发送一个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 上下滚动TextSwitcher实例详解
- Android TextSwitcher实现文字上下翻牌效果(铜板街)
- Android应用中图片浏览时实现自动切换功能的方法详解
- Android开发之使用ViewPager实现图片左右滑动切换效果
- Android App仿微信界面切换时Tab图标变色效果的制作方法
- Android自定义ImageView实现点击两张图片切换效果
- Android实现图片轮播切换实例代码
- Android编程实现图片背景渐变切换与图层叠加效果
- Android实现加载状态视图切换效果
- Android开发实现自动切换文字TextSwitcher功能示例
相关文章
这篇文章主要为大家介绍了Flutter高级玩法Flow位置自定义实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了Android Spinner列表选择框的应用的相关资料,这里对spinner的属性和常用事件和数据绑定都做了介绍，需要朋友可以参考下2017-07-07
Android调试出现The selected device is incompatible问题解决
这篇文章主要介绍了Android调试出现The selected device is incompatible问题解决的相关资料,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了浅谈Flutter解析JSON三种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要介绍了android中实现背景图片颜色渐变方法,本文直接使用配置文件实现了这个效果,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了Android编程实现Dialog窗体监听的方法,结合实例形式分析了Android针对Dialog对话框窗体事件监听与响应相关操作技巧,需要的朋友可以参考下2017-03-03
WakeLock使用方法代码实例，需要的朋友可以参考一下2013-06-06
本文主要介绍Android IPC机制绑定Service 实现本地通信,通过图解,代码等方式给大家解释Android IPC机制,需要参考的同学可以看一下2016-07-07
这篇文章主要介绍了Android中退出确认框的实现代码的相关资料,需要的朋友可以参考下2017-05-05
基于GridView和ActivityGroup实现的TAB分页(附源码)
今天为大家介绍下使用GridView和ActivityGroup实现的分页，这里需要将Activity转换成Window，然后再换成成View添加到容器中，具体实现代码如下，感兴趣的朋友可以参考下哈2013-06-06
最新评论