AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

ViewPager详解(三)——自动轮播图片小于三张的问题解决

2016-03-15 1035
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： PS： 优化后的代码更新在 http://blog.csdn.net/lfdfhl/article/details/51017116 该代码已经不太具有参考价值 MainActivity如下: package cc.


PS：

优化后的代码更新在 http://blog.csdn.net/lfdfhl/article/details/51017116

该代码已经不太具有参考价值


MainActivity如下:

package cc.ww;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v4.view.ViewPager;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.view.View.OnTouchListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
/**
 * @author http://blog.csdn.net/lfdfhl
 * 
 * Demo描述:
 * 1 ViewPager的自动轮播
 * 2 在实现ViewPager的自动轮播时时常遇到一个问题:
 *   当item数量小于4(比如2或者3)时ViewPager容易出问题或者Crash.
 *   在网上看了许多资料都没有很好的解决该问题.
 *   所以在此给出解决方案,希望能帮到遇到同样问题的人.
 * 3 同时支持手动切换ViewPager的Item
 */
public class MainActivity extends Activity {
	private Context mContext;
	private Handler mHandler;
	private Runnable mRunnable;
	private ViewPager mViewPager;
	private final int SET_ITEM=9527;
	private final int INTERVAL=1000*2;
	private ImageView[]  dotImageViews;
	private LinearLayout mDotsLinearLayout;
	private LauncherViewPagerAdapter mViewPagerAdapter;
	private PageChangeListenerImpl mPageChangeListenerImpl;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// 去掉状态栏
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, 
				             WindowManager.LayoutParams.FLAG_FULLSCREEN);
		setContentView(R.layout.activity_main);
		init();
	}

	@SuppressLint("ClickableViewAccessibility")
	@SuppressWarnings("deprecation")
	private void init() {
		mContext = this;
		mViewPager = (ViewPager) findViewById(R.id.guide_viewpager);
		mDotsLinearLayout = (LinearLayout) findViewById(R.id.dotsLinearLayout);
		mViewPagerAdapter = new LauncherViewPagerAdapter(mContext);
		mPageChangeListenerImpl = new PageChangeListenerImpl();
		mViewPager.setAdapter(mViewPagerAdapter);
		mViewPager.setOnPageChangeListener(mPageChangeListenerImpl);
		mViewPager.setOnTouchListener(new OnTouchListener() {
			@Override
			public boolean onTouch(View arg0, MotionEvent arg1) {
				mViewPager.requestDisallowInterceptTouchEvent(true);
				return false;
			}
		});

		initDots();

		setAutoChangeViewPager();
	}

	// 初始化小圆点
	private void initDots() {
		dotImageViews = new ImageView[mViewPagerAdapter.getCount() / mViewPagerAdapter.getMultiple()];
		for (int i = 0; i < dotImageViews.length; i++) {
			LinearLayout layout = new LinearLayout(mContext);
			ImageView imageView = new ImageView(mContext);
			imageView.setLayoutParams(new ViewGroup.LayoutParams(20, 20));
			if (i == 0) {
				imageView.setBackgroundResource(R.drawable.guide_dot_white);
			} else {
				layout.setPadding(20, 0, 0, 0);
				imageView.setBackgroundResource(R.drawable.guide_dot_black);
			}
			dotImageViews[i] = imageView;
			layout.addView(imageView);
			mDotsLinearLayout.addView(layout);
		}

	}

	// ViewPager自动切换
	@SuppressWarnings("deprecation")
	private void setAutoChangeViewPager() {
		mViewPager.setOnPageChangeListener(mPageChangeListenerImpl);
		mHandler = new Handler() {
			@Override
			public void handleMessage(Message msg) {
				super.handleMessage(msg);
				switch (msg.what) {
				case SET_ITEM:
					if (null != mViewPager && mViewPagerAdapter != null && mViewPagerAdapter.getCount() > 0) {
						int curItemIndex = mViewPager.getCurrentItem();
						int itemSize = mViewPager.getAdapter().getCount();
						if (mViewPagerAdapter.getMultiple() > 1) {
							curItemIndex = curItemIndex % mViewPagerAdapter.getMultiple();
							itemSize = itemSize / mViewPagerAdapter.getMultiple();
							if ((curItemIndex + 1) < itemSize) {
								mViewPager.setCurrentItem(curItemIndex + 1, true);
							} else {
								mViewPager.setCurrentItem(0, false);
							}
						} else {
							if ((curItemIndex + 1) < itemSize) {
								mViewPager.setCurrentItem(curItemIndex + 1, true);
							} else {
								mViewPager.setCurrentItem(0, false);
							}
						}

					}
					break;
				}
			}
		};

		mRunnable = new Runnable() {
			@Override
			public void run() {
				Message message = mHandler.obtainMessage();
				message.what = SET_ITEM;
				mHandler.sendMessage(message);
				mHandler.removeCallbacks(mRunnable);
				mHandler.postDelayed(this, INTERVAL);
			}
		};
		mHandler.postDelayed(mRunnable, INTERVAL);
	}

	@Override
	protected void onDestroy() {
		super.onDestroy();
		if (null != mViewPager) {
			mViewPager.removeAllViews();
			mViewPager = null;
		}
	}

	private class PageChangeListenerImpl implements ViewPager.OnPageChangeListener {

		@Override
		public void onPageScrollStateChanged(int arg0) {

		}

		@Override
		public void onPageScrolled(int arg0, float arg1, int arg2) {

		}

		@Override
		public void onPageSelected(int selected) {
			// 显示原点
			int count = mDotsLinearLayout.getChildCount();
			if (count > 0) {
				for (int i = 0; i < count; i++) {
					LinearLayout layout = (LinearLayout) mDotsLinearLayout.getChildAt(i);
					ImageView imageView = (ImageView) layout.getChildAt(0);
					if (mViewPagerAdapter.getMultiple() > 1) {
						if (selected % mViewPagerAdapter.getMultiple() == i) {
							imageView.setBackgroundResource(R.drawable.guide_dot_white);
						} else {
							imageView.setBackgroundResource(R.drawable.guide_dot_black);
						}
					} else {
						if (selected % mViewPagerAdapter.getCount() == i) {
							imageView.setBackgroundResource(R.drawable.guide_dot_white);
						} else {
							imageView.setBackgroundResource(R.drawable.guide_dot_black);
						}
					}

				}
			}
		}
	}

}

LauncherViewPagerAdapter如下: 

package cc.ww;

import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;

public class LauncherViewPagerAdapter extends PagerAdapter {
	private  int multiple=1;
	private Context mContext;
	//private int[] pageArray = {R.drawable.a,R.drawable.b};
    private int[] pageArray = {R.drawable.a,R.drawable.b, R.drawable.c};
	//private int[] pageArray = {R.drawable.a,R.drawable.b, R.drawable.c, R.drawable.d};

	public LauncherViewPagerAdapter(Context context) {
		this.mContext = context;
	}
	
	public void setMultiple(int m){
		multiple=m;
	}
	
	public int getMultiple(){
		return multiple;
	}

	@Override
	public int getCount() {
		
		if(pageArray.length<3){
			setMultiple(2);
			return pageArray.length*getMultiple();
		}
		
		if(pageArray.length<4){
			setMultiple(3);
			return pageArray.length*getMultiple();
		}
		
		return pageArray.length;
	}

	@Override
	public Object instantiateItem(View container, int position) {
		View itemView = LayoutInflater.from(mContext).inflate(R.layout.guide_pager_adapter, null);
		itemView.setFocusable(true);
		ImageView layout = (ImageView) itemView.findViewById(R.id.imageView);
		if (getMultiple()>1) {
			layout.setBackgroundResource(pageArray[position%getMultiple()]);
		} else {
			layout.setBackgroundResource(pageArray[position%getCount()]);
		}
		
		((ViewPager) container).addView(itemView);
		return itemView;
	}


	@Override
	public boolean isViewFromObject(View arg0, Object arg1) {
		return arg0 == arg1;
	}

	@Override
	public void destroyItem(View container, int position, Object object) {
		((ViewPager) container).removeView((View) object);
	}
}

activity_main.xml如下: 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.ViewPager
        android:id="@+id/guide_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <LinearLayout
        android:id="@+id/dotsLinearLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="100px"
        android:layout_centerHorizontal="true"
        android:orientation="horizontal">
    </LinearLayout>
    


</RelativeLayout>

guide_pager_adapter.xml如下: 

<?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">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>


文章标签：
Android开发
容器
数据格式
XML
小弟的谷哥
目录
相关文章
张继群
|
Android开发 容器
Android viewpage 设定上一页下一页按钮
Viewpager，视图翻页工具，提供了多页面切换的效果。Android 3.0后引入的一个UI控件，位于v4包中。低版本使用需要导入v4包，但是现在我们开发的APP一般不再兼容3.0及以下的系统版本，另外现在大多数使用Android studio进行开发，默认导入v7包，v7包含了v4，所以不用导包，越来越方便了。
张继群
283 1
Android viewpage 设定上一页下一页按钮
1016743651376594
ViewPager 显示 两侧的View，各显示一点
ViewPager 显示 两侧的View，各显示一点
1016743651376594
321 0
ViewPager 显示 两侧的View，各显示一点
yechaoa
BottomNavigationView使用，配合ViewPager、修改图标大小、去掉文字等
BottomNavigationView使用，配合ViewPager、修改图标大小、去掉文字等
yechaoa
649 0
BottomNavigationView使用，配合ViewPager、修改图标大小、去掉文字等
张风捷特烈
2-VIII--ViewPager滑动监听与自定义滑动特效
零、前言 [1]. 使用上文项目：1-VIII--ViewPager的基本使用 [2].对ViewPager的addOnPageChangeListener三个回调方法分析 [3].
张风捷特烈
1259 0
android_bigman
tablayout支持改变选中文字大小，支持左右滑动，支持viewpager，支持三角可移动指示器
TabLayout [简书地址] (https://www.jianshu.com/p/2c3f868266e8) 基于大神的FlycoTabLayout 传送地址和基本用法 用法和属性和这个库一样 效果图如下 Gif_20180828_142709.
android_bigman
2481 0
余二五
|
Android开发
Android第十五期 - Viewpage+Fragment页面滑动加载数据
余二五
1101 0
技术小胖子
修改ViewPager调用setCurrentItem时，滑屏的速度 ,解决滑动之间切换动画难看
技术小胖子
1751 0
玄学酱
|
Android开发 容器
ViewPager实现轮播广告图
玄学酱
731 0
code_xzh
ViewPager 实现 Galler 效果, 中间大图显示，两边小图展示
code_xzh
3957 0
code_xzh
|
容器
ViewPager 实现 Galler 效果, 中间大图显示，两边小图展示（优化篇）
上一张效果图： 之前的项目有一个Galley的项目，但是代码结构特别乱，别问我为什么，我也是刚接手这个项目，为了方便以后阅读和维护我对一些模块进行了重构。ViewPager实现Galler效果，但是当时时间比较急，写的比较仓促，上一篇实现了简单的效果，但是对于初始的时候左边滑动是有问题的，这是因为我们在自己的Adapter的时候对于getCount，我们想通过Integer.MAX_VAL
code_xzh
1709 0