关于ViewPager广告轮播推送中“如何处理自动滑动和用户滑动事件”的解决方案

    最近刚入职一个月,在正式接手项目之前,需要先按照公司内部已经迭代过的产品,截取某些片段,交由我来实现掉。一来可以更清晰公司产品的功能分布和用户需求,二来可以为转战正式项目做准备。上周准备开发财务云的Index页面,关于Index,现在市场上多数APP都习惯在顶部放置一个控件,用来不断向用户展示一些广告推送信息,其实这个方法极其巧妙,既达到了广告展示的目的,同时也不用单独开辟一个页面去展示广告(事实上也没有哪个开发者敢这么做)。目前总结来看,实现广告轮播功能99%还是使用的ViewPager控件,通过实现其内部接口方法,就能完美帮助开发者实现想要的轮播功能。

    那么既然讲到了广告轮播,不妨先多啰嗦几句,简单说说实现此功能的几个步骤:

    ① 首先在Index的布局文件下加载V4包下面的ViewPager控件,并指定相应的属性;

    ② 自定义ViewPager的Adpter,让其继承PagerAdpter,实现内部几个方法;

    ③ 在IndexActivity(即主页逻辑Activity)中声明ViewPager对象,并通过id拿到xml文件中的ViewPager,将自定义的Adpter赋值给它。这时就可以对其进行各种操作了,最主要的操作还是对其进行的页面事件监听,从而实现其滑动过程中的逻辑事件处理。

    上面几个步骤可能比较简单粗略,主要是因为这篇博客是谈谈关于广告轮播中的优化问题,是建立在你已经实现了这个功能的基础之上的,所以初学者或者对于轮播模块的实现没有思路的朋友,建议去搜一下大神们写的实现思路文章,资料很多的,一搜一大堆,相信你能很快将其实现。如果你在实现了基本功能的情况下,想做更深一步的体验优化,可以回来看我这篇文章,大家再做更多的讨论。

    而对于已经实现过这个功能的开发者朋友们,相信在这个过程中都经历过一些问题或者麻烦。因为如果想达到用户体验度更好的效果&#x

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. 布局文件添加ViewPager组件 ```xml <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="wrap_content" /> ``` 2. 创建适配器 创建一个适配器,继承自PagerAdapter,实现以下方法: - getCount() 返回轮播图数量 - instantiateItem() 加载ViewPager的每一个页面 - destroyItem() 销毁ViewPager的每一个页面 - isViewFromObject() 判断当前的 View 是否和 instantiateItem() 返回的 object 相等 ```java public class MyPagerAdapter extends PagerAdapter { private List<ImageView> mImageViews; public MyPagerAdapter(List<ImageView> imageViews) { mImageViews = imageViews; } @Override public int getCount() { return mImageViews.size(); } @Override public Object instantiateItem(ViewGroup container, int position) { ImageView imageView = mImageViews.get(position); container.addView(imageView); return imageView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(mImageViews.get(position)); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } } ``` 3. 初始化ViewPager ```java private void initViewPager() { List<ImageView> imageViews = new ArrayList<>(); for (int i = 0; i < mImageIds.length; i++) { ImageView imageView = new ImageView(this); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setImageResource(mImageIds[i]); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 点击事件 } }); imageViews.add(imageView); } MyPagerAdapter pagerAdapter = new MyPagerAdapter(imageViews); mPager.setAdapter(pagerAdapter); // 自动滑动 mPager.setCurrentItem(0); mPager.postDelayed(new Runnable() { @Override public void run() { int currentItem = mPager.getCurrentItem(); int count = mImageIds.length; int nextItem = (currentItem + 1) % count; mPager.setCurrentItem(nextItem, true); mPager.postDelayed(this, 3000); } }, 3000); // 手动滑动 mPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { } @Override public void onPageScrollStateChanged(int state) { } }); } ``` 4. 实现自动滑动 在 initViewPager() 方法,通过 postDelayed() 方法实现自动滑动。首先将 ViewPager 的当前位置设置为 0,然后每隔 3 秒就自动滑动到下一个页面,直到滑动到最后一页后再从头开始滑动。 ```java mPager.setCurrentItem(0); mPager.postDelayed(new Runnable() { @Override public void run() { int currentItem = mPager.getCurrentItem(); int count = mImageIds.length; int nextItem = (currentItem + 1) % count; mPager.setCurrentItem(nextItem, true); mPager.postDelayed(this, 3000); } }, 3000); ``` 5. 实现手动滑动和点击切换 在 initViewPager() 方法,通过 addOnPageChangeListener() 方法实现手动滑动和点击切换。在 onPageSelected() 方法,更新标题和指示器的位置。在 onClick() 方法,获取当前页面的位置并设置为 ViewPager 的当前位置。 ```java mPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { mTitle.setText(mTitles[position]); mIndicator.setCurrentItem(position); } @Override public void onPageScrollStateChanged(int state) { } }); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int currentItem = mPager.getCurrentItem(); if (currentItem == mImageIds.length - 1) { mPager.setCurrentItem(0, true); } else { mPager.setCurrentItem(currentItem + 1, true); } } }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值