Android借助Handler，实现ViewPager中页面的自动切换（转）

最新推荐文章于 2024-11-16 08:09:50 发布
最新推荐文章于 2024-11-16 08:09:50 发布
阅读量66 收藏
点赞数
文章标签： 移动开发 ui
原文链接：http://www.cnblogs.com/manmanlu/p/3824655.html
版权

在很多电商网页及app上都有自动切换的商品的推广快，感觉体验挺不错的，正好今天学习使用ViewPager，因此也实现了一个功能类似的demo。

下面是其中的两个截图：

Android借助Handler，实现ViewPager中页面的自动切换         Android借助Handler，实现ViewPager中页面的自动切换

实现一个自动播放功能的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>

转载于:https://www.cnblogs.com/manmanlu/p/3824655.html

Android 轮播图（Viewpager+Handler定时器）
FC小司的博客
08-17 1634
发现好多人提到banner，第一个想法就是撸个第三方依赖。然后出bug了，打开三方代码，一堆文件无从下手，改了又担心出现新bug，然后又替换了第二个三方… 一个ViewPager能实现的功能，何必求助第三方。 Banner的实现技术点主要在于 1 无限循环，当banner滑到最后一张后继续滑动，要滑回第一张 2 自动轮播 Adapter代码 import android.co...
android界面自动跳转,Android关于界面一定时间无操作自动跳转到指定界面的实现...
weixin_35682992的博客
05-25 452
主要用到的功能，自定义一个定时器CountTimer继承CountDownTimer。public class CountTimer extends CountDownTimer {private Context context;/*** 参数 millisInFuture 倒计时总时间(如60S，120s等)* 参数 countDownInterval 渐变时间(每次倒计1s)...
ViewPager自动切换及手动滑动重新计时的问题
yjs1129580545的专栏
09-07 4183
ViewPager自动切换及手动滑动重新计时的问题
Android从菜鸟到笨鸟:ViewPager+Handler实现广告栏无限循环
我是吴长老啊
05-11 1167
**使用步骤**ViewPager的使用方法跟ListView差不多 1.先在布局文件中定义一个ViewPager组件 android.support.v4.view.ViewPager 2.在Activity中通过getViewById()来找到对应的ViewPager 3.至于数据显示，全部交给PagerAdapter。和ListView一样，ListView的数据配置使用了set
ViewPager实现自动循环切换
IssaE的博客
05-12 1149
一实现循环滑动    (1)在MyAdapter中首先修改getCount()方法中的大小，让ViewPager可滑动页面增多    (2)instantiateItem()方法中将position对图片数组求余：position%imageList.size()   (3)如果viewPager设置了OnPagerChangedListener方法，里面可能会有position,注意将po
借助Handler，实现ViewPager中页面的自动切换
weixin_33894640的博客
11-22 63
2019独角兽企业重金招聘Python工程师标准>>> ...
ViewPager巧用偷梁换柱实现自动循环滚动
01-28
在Android开发中，ViewPager是一个非常常用的组件，它用于展示可滑动的页面，通常用于实现类似轮播图、Tab切换等效果。标题“ViewPager巧用偷梁换柱实现自动循环滚动”暗示我们需要对ViewPager进行一些定制，使其...
ViewPager自动滚动效果、Android 轮播图 广告滚动效果
03-09
要实现自动滚动效果，我们可以借助Handler和Runnable对象。创建一个Runnable对象，在其中改变ViewPager的当前页，并通过Handler的postDelayed方法设置定时器，使得每隔一定时间自动滚动到下一页。代码示例如下： ``...
实现ViewPager的两种方式
04-06
总的来说，ViewPager是Android开发中实现滑动页面切换的重要工具，而自动循环播放图片是增强用户体验的一个常见需求。理解并熟练掌握这两种实现方式，以及相关的优化技巧，对于提升Android应用的交互体验至关重要。
viewpager循环滑动自动滑动
12-17
要实现自动滑动，可以借助`Handler` 和`Runnable` 。在`Runnable` 中更新`ViewPager` 的当前页，然后通过`Handler` 的`postDelayed` 方法设置一个定时器，让`Runnable` 在指定时间后执行，达到自动切换页面的效果。...
viewpager 实现一屏幕多页循环滚动
10-27
为了实现自动滚动，可以设置一个Handler和Runnable，每隔一定时间调用ViewPager的`setCurrentItem`方法来改变当前显示的页面。为了确保滑动流畅，需要合理设置滚动间隔时间，以及考虑暂停和恢复自动滚动的情况，比如...
Android关于界面一定时间无操作自动跳转到指定界面的实现
Chen_xiaobao的博客
08-02 2654
转自：http://blog.csdn.net/qw286502698/article/details/72884712 最近在做一个售货机的项目，当界面停留一定时间无操作需要自动跳转到主页播放宣传广告。下面把我实现的方式贴出来，经测试完美地实现所需功能。 主要用到的功能，自定义一个定时器CountTimer继承CountDownTimer。 public cla
android自动切换界面,Android App中用Handler实现ViewPager页面的自动切换
weixin_39595310的博客
05-25 284
在很多电商网页及app上都有自动切换的商品的推广快，感觉体验挺不错的，正好今天学习使用ViewPager，因此也实现了一个功能类似的demo。下面是其中的两个截图：实现一个自动播放功能的ViewPager，要做的主要有以下的几个部分：实现一个ViewPagerAdapter，用于为ViewPager提供展示内容(例如上面的两张小猫图片)public class ViewPagerAdapter e...
Android平台如何实现RTSP流实时录像功能
乐学吧
11-13 884
Android平台实现 RTSP 流录制，可以使用开源库FFmpeg、第三方库（SmartPlayer）。对于每种方法，详细说明了其特点、集成步骤以及示例代码。最后，RTSP录像，实现过程中需要注意权限管理、事件状态回调、性能优化、时间戳对齐、是否录制音频或视频，是否音频转aac再保存等。
android10 Wifi扫描源码解析
yang_0323的博客
11-13 794
本文详述了Android中WiFi的扫描过程，从源码层面进行解析
快速搭建Android开发环境：Docker部署docker-android并实现远程连接
最新发布
weixin_58070962的博客
11-16 538
快速搭建Android开发环境：Docker部署docker-android并实现远程连接
【flutter】flutter2升级到3.
2301_76933862的博客
11-14 417
以这个 https://github.com/aa286211636/Flutter_QQ 为例子， 升级下看看。只有登录界面能正常显示，别的页面都是报错。flutter这版本变动，基本不能直接run。
Android Handler驱动ViewPager自动切换与当前位置提示
这个适配器需要实现`getCount()`返回页面总数，`isViewFromObject()`用于验证视图是否与数据对象匹配，`instantiateItem()`用于在ViewPager中添加页面，`destroyItem()`用于移除不再需要的页面。 3. **Handler与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值