脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → Android实现ViewPager无限循环效果

Android实现ViewPager无限循环效果（一）

 更新时间：2018年05月23日 11:51:05   作者：xiaomai949804781  
这篇文章主要为大家详细介绍了Android实现ViewPager无限循环效果的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android实现ViewPager无限循环的具体代码，供大家参考，具体内容如下

方式一：

实现原理：

假设有3张图片，分别是1,2,3，那么就创建5张图片，这5张图片的顺序为：3,1,2,3,1，其中1,2,3为我们要实现滑动的图片，最左面的3和最右面的1是我们另外添加的图片，开始时，显示图片1，当图片向左滑动依次为1,2,3，当从第3张图片继续向左滑动，会出现我们多添加的图片1，这时，将当前的index设置为真正的图片1所在的位置。

package com.xiaomai.myproject.demo;

import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.ViewPager;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;

import com.xiaomai.myproject.R;
import com.xiaomai.myproject.adapter.LoopViewPagerAdapter;
import com.xiaomai.myproject.base.BaseActivity;
import com.xiaomai.myproject.utils.Utils;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by XiaoMai on 2016/10/7 17:19.
 * 
 */
public class LoopViewPagerDemoActivity extends BaseActivity {

 /**
  * 更新图片的时间
  */
 private static final int UPDATE_TIME = 3 * 1000;

 private ViewPager mViewPager;

 private LoopViewPagerAdapter mLoopViewPager;

 /**
  * 图片资源集合
  */
 private int[] mImageIds;

 /**
  * 图片集合
  */
 private List<ImageView> mImageList;

 /**
  * 当前广告的index
  */
 private int mCurrentPageIndex;

 /**
  * 指示Point
  */
 private LinearLayout mLinearLayoutPoints;

 private Handler mHandler = new Handler();

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
 }

 @Override
 protected void onResume() {
  super.onResume();
  mHandler.postDelayed(myRunnable, UPDATE_TIME);
 }

 @Override
 protected void onPause() {
  super.onPause();
  mHandler.removeCallbacks(myRunnable);
 }

 Runnable myRunnable = new Runnable() {
  @Override
  public void run() {
   mViewPager.setCurrentItem(mCurrentPageIndex + 1);
  }
 };

 @Override
 protected void initVariables() {
  super.initVariables();
 }

 @Override
 protected void initViews() {
  mLinearLayoutPoints = (LinearLayout) findViewById(R.id.activity_ll_container);
  mViewPager = (ViewPager) findViewById(R.id.activity_loop_viewpager);
 }

 @Override
 protected void loadData() {
  super.loadData();
  mHandler.postDelayed(new Runnable() {
   @Override
   public void run() {
    /**
     * 初始化图片的资源id
     */
    mImageIds = new int[]{
      R.mipmap.ic_launcher,
      R.mipmap.ic_launcher,
      R.drawable.my_toast,
      R.drawable.my_toast};
    /**
     * 添加ImageView
     */
    mImageList = new ArrayList<>();
    //额外添加两张图片
    int pagerCount = mImageIds.length + 2;
    ViewGroup.LayoutParams layoutParams =
      new ViewGroup.LayoutParams(
        ViewGroup.LayoutParams.MATCH_PARENT,
        ViewGroup.LayoutParams.WRAP_CONTENT);
    for (int i = 0; i < pagerCount; i++) {
     ImageView imageView = new ImageView(mContext);
     imageView.setLayoutParams(layoutParams);
     mImageList.add(imageView);
    }
    //圆点的直径
    int diameter = Utils.dip2px(mContext,10f);
    LinearLayout.LayoutParams params =
      new LinearLayout.LayoutParams(diameter, diameter);
    int margin = Utils.dip2px(mContext,5f);
    params.setMargins(margin,margin,margin,margin);
    mLinearLayoutPoints.removeAllViews();
    for (int i = 0; i < mImageList.size(); i++) {
     View view = new View(mContext);
     view.setLayoutParams(params);
     if (i != 0 && i != mImageList.size() - 1) {
      view.setBackgroundResource(R.drawable.circle_normal);
     }
     mLinearLayoutPoints.addView(view);
    }
    mLinearLayoutPoints.setVisibility(View.VISIBLE);
    mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
     @Override
     public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

     }

     @Override
     public void onPageSelected(int position) {
      mHandler.removeCallbacks(myRunnable);
      mHandler.postDelayed(myRunnable, UPDATE_TIME);
      mCurrentPageIndex = position;
      if (position == 0) {
       // 当视图在第一个时，将页面号设置为图片的最后一张。
       mCurrentPageIndex = mImageIds.length;
      } else if (position == mImageIds.length + 1) {
       // 当视图在最后一个时,将页面号设置为图片的第一张。
       mCurrentPageIndex = 1;
      } else {
      }
      /**
       * 当视图在第一个或者最后一个时，pageIndex和position的值不相等，
       * 所以要改变viewPager的当前item。
       */
      if (position != mCurrentPageIndex) {
       /**
        * 第二参数必须设置为false，意思是立即过渡，不给用户视觉上的效果。
        */
       mViewPager.setCurrentItem(mCurrentPageIndex, false);
       return;
      }
      for (int i = 1; i < mLinearLayoutPoints.getChildCount() - 1; i++) {
       if (i != mCurrentPageIndex){
        mLinearLayoutPoints.getChildAt(i).setBackgroundResource(R.drawable.circle_normal);
       }else {
        mLinearLayoutPoints.getChildAt(mCurrentPageIndex).setBackgroundResource(
          R.drawable.circle_select);
       }
      }

     }

     @Override
     public void onPageScrollStateChanged(int state) {

     }
    });
    /**
     * 当ViewPager被按下的时候，取消自动滚动
     * 反之开启自动滑动。
     */
    mViewPager.setOnTouchListener(new View.OnTouchListener() {
     @Override
     public boolean onTouch(View v, MotionEvent event) {
      if(event.getAction() == MotionEvent.ACTION_DOWN){
       mHandler.removeCallbacks(myRunnable);
      }else if (event.getAction() == MotionEvent.ACTION_UP){
       mHandler.postDelayed(myRunnable, UPDATE_TIME);
      }
      return false;
     }
    });
    mLoopViewPager = new LoopViewPagerAdapter(mImageList, mImageIds);
    mViewPager.setAdapter(mLoopViewPager);
    /**
     * 因为第0个item是另外添加的那张图片，所以初始化时要把当前item设置为1。
     */
    mViewPager.setCurrentItem(1);
    dissMissProgressDialog();
   }
  }, 3 * 1000);

 }

 @Override
 protected int getContentLayout() {
  return R.layout.act_loopviewpager;
 }
}


package com.xiaomai.myproject.adapter;

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import java.util.List;

/**
 * Created by XiaoMai on 2016/10/7 17:23.
 */
public class LoopViewPagerAdapter extends PagerAdapter {

 private List<ImageView> mImageList;

 private int[] mImageIds;

 public LoopViewPagerAdapter(List<ImageView> mImageList, int[] mImageIds) {
  this.mImageList = mImageList;
  this.mImageIds = mImageIds;
 }

 @Override
 public int getCount() {
  return mImageList == null ? 0 : mImageList.size();
 }

 @Override
 public boolean isViewFromObject(View view, Object object) {
  return view == object;
 }

 @Override
 public Object instantiateItem(ViewGroup container, int position) {
  if (position == 0) {
   // 如果是第0个item就设置它的图片内容为最后一个图片的内容
   mImageList.get(position).setImageResource(mImageIds[mImageIds.length-1]);
  } else if (position == (mImageList.size() - 1)) {
   // 如果是最后一个item就设置它的图片内容为第一个图片的内容
   mImageList.get(position).setImageResource(mImageIds[0]);
  } else {
   // 这是正常的图片
   mImageList.get(position).setImageResource(mImageIds[position - 1]);
  }
  container.addView(mImageList.get(position));
  return mImageList.get(position);
 }

 @Override
 public void destroyItem(ViewGroup container, int position, Object object) {
  container.removeView(mImageList.get(position));
 }
}

布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical">

 <include
  android:id="@+id/titleBar"
  layout="@layout/my_app_bar" />

 <android.support.v4.view.ViewPager
  android:id="@+id/activity_loop_viewpager"
  android:layout_width="match_parent"
  android:layout_height="200dp"
  android:layout_below="@id/titleBar" />

 <LinearLayout
  android:id="@+id/activity_ll_container"
  android:layout_width="match_parent"
  android:orientation="horizontal"
  android:gravity="center"
  android:background="@color/toast"
  android:layout_alignBottom="@id/activity_loop_viewpager"
  android:visibility="gone"
  android:layout_height="40dp"/>
</RelativeLayout>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Android中Retrofit库的高级使用与原理

    Android中Retrofit库的高级使用与原理

    在 Android 开发中,网络请求是一个极为关键的部分,Retrofit 作为一个强大的网络请求库,能够简化开发流程,提供高效的网络请求能力,本文将深入介绍 Retrofit 的高级使用与原理,帮助读者更全面地理解和应用这一库,需要的朋友可以参考下
    2023-08-08
  • Android开发中关于组件导出的风险及防范

    Android开发中关于组件导出的风险及防范

    这篇文章主要介绍了Android开发中关于组件导出的风险及防范，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-09-09
  • Android N 7.0中报错：android.os.FileUriExposedException的解决方法

    Android N 7.0中报错：android.os.FileUriExposedException的解决方法

    这篇文章主要给大家介绍了关于在Android N 7.0中报错：android.os.FileUriExposedException的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧
    2018-05-05
  • android 仿微信demo——微信主界面实现

    android 仿微信demo——微信主界面实现

    本系列文章主要介绍了微信小程序-阅读小程序实例（demo），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能给你们提供帮助
    2021-06-06
  • android实现获取正在运行的应用程序

    android实现获取正在运行的应用程序

    android如何获取正在运行的应用程序,因为在framework中想添加这个功能，所以写了个appliction来实现一下获取正在运行的应用程序
    2013-01-01
  • Android实现画板、写字板功能（附源码下载）

    Android实现画板、写字板功能（附源码下载）

    这篇文章主要介绍了Android实现画板、写字板功能的方法，文中给出了简单的介绍和示例代码，想要了解更多的朋友可以下载源码进行学习，感兴趣的朋友们下面来一起看看吧。
    2017-01-01
  • Flutter投票组件使用方法详解

    Flutter投票组件使用方法详解

    这篇文章主要为大家详细介绍了Flutter投票组件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-08-08
  • Flutter 如何正确显示SnackBar

    Flutter 如何正确显示SnackBar

    Snackbar是Android支持库中用于显示简单消息并且提供和用户的一个简单操作的一种弹出式提醒。当使用Snackbar时，提示会出现在消息最底部，通常含有一段信息和一个可点击的按钮。本文主要介绍了Flutter 如何正确显示 SnackBar
    2021-05-05
  • Android 中使用RecyclerView实现底部翻页

    Android 中使用RecyclerView实现底部翻页

    这篇文章主要介绍了Android 中使用RecyclerView实现底部翻页功能，非常不错，具有参考借鉴价值,需要的朋友可以参考下
    2017-11-11
  • Android 捕获错误日志的方法

    Android 捕获错误日志的方法

    这篇文章主要介绍了Android 捕获错误日志的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06

最新评论