大图轮播

最新推荐文章于 2018-01-17 20:06:23 发布

liguangjiehao

最新推荐文章于 2018-01-17 20:06:23 发布

阅读量401

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/u012360634/article/details/46991605

版权

Android 专栏收录该内容

183 篇文章 0 订阅

订阅专栏

(1)ViewPager:3.0之后才出现的，之前版本使用v4包里面的,要想兼容以下版本，必须继承v4包的

(2) 关联jar包的源代码：
1.先点击Android Dependencies，将它从BuildPath remove掉，
再右键点击jar包，将jar add to BuildPath;
然后就出现Attatch Source按钮了
2.在libs目录下新建一个文件，文件名是jar包全名(包括后缀.jar),然后
该文件名以.properties结尾，新建一行键值对如：
src=jar源代码绝对路径，(不要忘了将单斜线变成双斜线)

(3) ViewPager预加载机制：最多保存3个page，超过的将需要被销毁掉

(4) 异常：类明明存在，却报class not found异常解决方法
右键工程，打开bulid path面板，选择Order And Export,
将对应jar打钩

(5)ViewPager伪循环，把条目设置很大

		public int getCount() {
			return Integer.MAX_VALUE;
		}

取中间就能向左右循环

		viewPager.setAdapter(new MyPagerAdapter());
		int centerValue = Integer.MAX_VALUE / 2; // 取中间值，这样左右都可以循环
		int value = centerValue % list.size();
		viewPager.setCurrentItem(centerValue - value);

(6)延迟自动循环

	private Handler handler = new Handler() {
		public void handleMessage(android.os.Message msg) {
			viewPager.setCurrentItem(viewPager.getCurrentItem() + 1);
			handler.sendEmptyMessageDelayed(0, 4000);
		}
	};

handler.sendEmptyMessageDelayed(0, 4000);

(7)循环下面的提示点可以用图片代替，这里用xml定义点

1.主布局

<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"
    tools:context=".MainActivity" >

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

    <LinearLayout
        android:layout_alignBottom="@id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#77000000"
        android:padding="8dp"
        android:orientation="vertical" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:textColor="#ffffff"
            android:textSize="16sp"
            android:singleLine="true"
            android:ellipsize="end"
            android:id="@+id/tv_intro"
            android:text="我是文本" />

        <LinearLayout
            android:layout_marginTop="3dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/dot_layout"
            android:layout_gravity="center_horizontal"
            android:orientation="horizontal" >
            
        </LinearLayout>
    </LinearLayout>

</RelativeLayout>

2.每个page的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <ImageView android:layout_width="match_parent"
        android:src="@drawable/a"
        android:id="@+id/image"
        android:scaleType="fitXY"
        android:layout_height="match_parent"/>

</LinearLayout>

3.每个图的信息，业务bean

public class Ad {
	private int iconResId;
	private String intro;
	
	
	public Ad(int iconResId, String intro) {
		super();
		this.iconResId = iconResId;
		this.intro = intro;
	}
	public int getIconResId() {
		return iconResId;
	}
	public void setIconResId(int iconResId) {
		this.iconResId = iconResId;
	}
	public String getIntro() {
		return intro;
	}
	public void setIntro(String intro) {
		this.intro = intro;
	}
	
	
}

4.主类

import java.util.ArrayList;

import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.widget.LinearLayout.LayoutParams;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends Activity {
	private ViewPager viewPager;
	private TextView tv_intro;
	private LinearLayout dot_layout;

	private ArrayList<Ad> list = new ArrayList<Ad>();
	private Handler handler = new Handler() {
		public void handleMessage(android.os.Message msg) {
			viewPager.setCurrentItem(viewPager.getCurrentItem() + 1);
			handler.sendEmptyMessageDelayed(0, 4000);
		}
	};

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

	private void initView() {
		setContentView(R.layout.activity_main);
		viewPager = (ViewPager) findViewById(R.id.viewPager);
		tv_intro = (TextView) findViewById(R.id.tv_intro);
		dot_layout = (LinearLayout) findViewById(R.id.dot_layout);
	}

	private void initListener() {
		viewPager.setOnPageChangeListener(new OnPageChangeListener() {
			@Override
			public void onPageSelected(int position) { // 页面变化

				updateIntroAndDot(); // 更新文本
			}

			@Override
			public void onPageScrolled(int position, float positionOffset,
					int positionOffsetPixels) {
			}

			@Override
			public void onPageScrollStateChanged(int state) {
			}
		});
	}

	private void initData() {
		list.add(new Ad(R.drawable.a, "巩俐不低俗，我就不能低俗"));
		list.add(new Ad(R.drawable.b, "朴树又回来了，再唱经典老歌引百万人同唱啊"));
		list.add(new Ad(R.drawable.c, "揭秘北京电影如何升级"));
		list.add(new Ad(R.drawable.d, "乐视网TV版大放送"));
		list.add(new Ad(R.drawable.e, "热血屌丝的反杀"));

		initDots(); // 加载点
		viewPager.setAdapter(new MyPagerAdapter());
		int centerValue = Integer.MAX_VALUE / 2; // 取中间值，这样左右都可以循环
		int value = centerValue % list.size();
		viewPager.setCurrentItem(centerValue - value);

		updateIntroAndDot(); // 更新文本
		handler.sendEmptyMessageDelayed(0, 4000);
	}

	/**
	 * 初始化dot
	 */
	private void initDots() {
		for (int i = 0; i < list.size(); i++) {
			View view = new View(this);
			LayoutParams params = new LayoutParams(8, 8);
			if (i != 0) {
				params.leftMargin = 5;
			}
			view.setLayoutParams(params);
			view.setBackgroundResource(R.drawable.selector_dot);
			dot_layout.addView(view);
		}
	}

	/**
	 * 更新文本
	 */
	private void updateIntroAndDot() {
		int currentPage = viewPager.getCurrentItem() % list.size(); // 当前第几页
		tv_intro.setText(list.get(currentPage).getIntro());

		for (int i = 0; i < dot_layout.getChildCount(); i++) {
			dot_layout.getChildAt(i).setEnabled(i == currentPage);
		}
	}

	class MyPagerAdapter extends PagerAdapter {

		/**
		 * 返回多少page
		 */
		@Override
		public int getCount() {
			return Integer.MAX_VALUE;
		}

		/**
		 * true: 表示不去创建，使用缓存 false:去重新创建 view： 当前滑动的view
		 * object：将要进入的新创建的view，由instantiateItem方法创建
		 */
		@Override
		public boolean isViewFromObject(View view, Object object) {
			return view == object;
		}

		/**
		 * 类似于BaseAdapger的getView方法 用了将数据设置给view 由于它最多就3个界面，不需要viewHolder
		 */
		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			View view = View.inflate(MainActivity.this, R.layout.adpter_ad,
					null);
			ImageView imageView = (ImageView) view.findViewById(R.id.image);

			Ad ad = list.get(position % list.size());
			imageView.setImageResource(ad.getIconResId());

			container.addView(view);// 一定不能少，将view加入到viewPager中

			return view;
		}

		/**
		 * 销毁page position： 当前需要消耗第几个page object:当前需要消耗的page
		 */
		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
			// super.destroyItem(container, position, object);
			container.removeView((View) object);
		}

	}

}