Android笔记——ViewPager循环

private static long time = 3000 ; //自动播放时间
private static boolean autoPlay = true ; //是否自动播放

private Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
play();
}
};
private Runnable runnable = new Runnable() {
@Override
public void run() {
viewPager.setCurrentItem(++currentIndex);
}
};

public AutoScrollViewPager(@NonNull Context context) {
this(context,null);
}

public AutoScrollViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
this(context, attrs,0);
}

public AutoScrollViewPager(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}

/**

• 动态添加viewpager和小圆点
  */
  private void init() {
  mContext = getContext() ;
  setLayerType(View.LAYER_TYPE_SOFTWARE, null);
  setClipChildren(false);
  pageMargin = getResources().getDimensionPixelSize(R.dimen.page_margin);

viewPager = new ViewPager(mContext);
LayoutParams vparams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT);
vparams.leftMargin = pageMargin * 2;
vparams.rightMargin = pageMargin * 2 ;
viewPager.setLayoutParams(vparams);
addView(viewPager);

mLinearLayout = new LinearLayout(mContext);
LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.WRAP_CONTENT);
params.gravity = Gravity.BOTTOM ;
mLinearLayout.setGravity(Gravity.CENTER);
mLinearLayout.setOrientation(LinearLayout.HORIZONTAL);
addView(mLinearLayout,params);
}

@Override
protec 《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》无偿开源 徽信搜索公众号【编程进阶路】 ted void onAttachedToWindow() {
super.onAttachedToWindow();
play();
}

@Override
protected void onDetachedFromWindow() {
super.onDetachedFromWindow();
cancel();
}

/**

• 初始化viewpager
  */
  private void initViewPager() {
  if (mAdapter==null){
  return;
  }
  viewPager.setCurrentItem(currentIndex);
  //设置红缓存的页面数
  viewPager.setOffscreenPageLimit(1);
  // 设置2张图之前的间距。
  viewPager.setPageMargin(pageMargin);
  // viewPager.setPageTransformer(true, new ZoomOutPageTransformer());
  viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
  @Override
  public void onPageScrolled(int position, float positionOffset,int positionOffsetPixels) {
  }

@Override
public void onPageSelected(int position) {
if (position0){
currentIndex = mAdapter.getCount()-2 ;
}else if (position == mAdapter.getCount()-1){
currentIndex = 1 ;
}else {
currentIndex = position ;
}
//此处currentIndex是从1开始的，要注意
mLinearLayout.getChildAt(oldPosition).setEnabled(false);
mLinearLayout.getChildAt(currentIndex-1).setEnabled(true);
oldPosition = currentIndex-1 ;
Log.e(“wenzhihao”,"position"+position+“,currentIndex=”+currentIndex);
}

@Override
public void onPageScrollStateChanged(int state) {
if(stateViewPager.SCROLL_STATE_IDLE){
viewPager.setCurrentItem(currentIndex,false);
play();
}else if(stateViewPager.SCROLL_STATE_DRAGGING){
cancel();
}
}
});
setIndicatorDot();
mLinearLayout.getChildAt(0).setEnabled(true);
}

/**

• 播放，根据autoplay
  /
  public void play(){
  if (autoPlay){
  handler.postDelayed(runnable,time);
  }else {
  handler.removeCallbacks(runnable);
  }
  }
  /*
• 取消播放
  */
  public void cancel(){
  handler.removeCallbacks(runnable);
  }

/**

• 设置小圆点
  */
  private void setIndicatorDot() {
  for (int i = 0;i<mAdapter.getCount()-2;i++){
  //添加底部灰点
  View v = new View(mContext);
  v.setBackgroundResource(R.drawable.bg_dot);
  v.setEnabled(false);
  //指定其大小
  LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(20,20);
  if (i != 0)
  params.leftMargin = 20;
  params.bottomMargin = 20;
  v.setLayoutParams(params);
  mLinearLayout.addView(v);
  }
  }

/**

• 设置适配器
• @param adpter
  */
  public void setAdapter(T adpter){
  mAdapter = adpter ;
  viewPager.setAdapter(mAdapter);
  initViewPager();
  }

/**

• 设置是否自动播放
• @param autoPlay
  */
  public void setAutoPlay(boolean autoPlay) {
  AutoScrollViewPager.autoPlay = autoPlay;
  if (!autoPlay){
  handler.removeCallbacks(runnable);
  }
  }
  }

注意主要几点

• 组合控件，一个FrameLayout布局包含ViewPager和一个小圆点指示器。
• 自动循环用handler实现，循环发送消息。
• 这里需要注意的是setAdapter( )方法，只要正常写PageAdapter传入即可;
• 在OnPageChangeListener中，onPageSelected的时候去处理位置问题，就是图中所说的，从左往右滑动，position0的时候切换到4的位置，当从右往左滑动的时候，positon5的时候切换到1的位置。onPageScrollStateChanged状态改变的时候，即停止滑动的时候滑到指定位置，当手指拖动的时候需要停止自动播放；
• 小圆点指示器，是一个线性布局根据图片数量添加原点，原点背景为selector；
• 在屏幕显示的时候设置自动播放，离开屏幕时候停止播放；
• 如果想显示3个page需要在viewpager父容器设置

android:clipChildren=“false”
android:layerType=“hardware”
//代码如下
setLayerType(View.LAYER_TYPE_SOFTWARE, null);
setClipChildren(false);

并且设置viewPager.setPageMargin(pageMargin);，需要加其他特效可以自定义PageTransformer。

• setAutoPlay方法可以设置不自动循环 viewPager.setAutoPlay(false);

例子

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<com.wzh.AutoScrollViewPager
android:id=“@+id/viewpager”
android:layout_width=“match_parent”
android:layout_height=“300dp”>
</com.wzh.AutoScrollViewPager>

MainActivity.java

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
private AutoScrollViewPager viewPager ;
private ViewPagerAdapter adapter ;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewPager = (AutoScrollViewPager) findViewById(R.id.viewpager);
adapter = new ViewPagerAdapter(this);
viewPager.setAdapter(adapter);
viewPager.setAutoPlay(true);
}