Android初学之ViewPager

作为一个android的小菜鸟，第一次写微博总是有点小忐忑的，今天看项目的源代码时，对ViewPager控件比较感兴趣，便查了点资料自己写了一个十分简单的demo。

ViewPager作为一个ViewGroup的扩展，他的实现有点类似于ListView控件，我自己喜欢把这类的控件叫做AdapterView，就是需要适配器的View。

接下来，我们就来看一下这类控件实现的基本步骤，当然这里我还没有能力从源码的角度去解释整个控件的运行。

---

1. AdapterView（需要适配器的View）一般都具有三个要素：1）控件本身，本文就是ViewPager 2）与之匹配的适配器adapter 3）控件所需要展示的数据（包含数据和布局，统称为数据）

2. adapter就像一个连接ViewPager和数据的桥梁，他的实现是ViewPager功能有效执行的关键。所以，在定义自己需要的adapter的时候需要注意两个方面：1）如何与ViewPager联系起来（一般这种面向控件的操作十分简单，直接调用ViewPager的setAdapter()方法） 2）如何与数据层联系起来：这里就需要根据自己的需求去定义UI布局和数据，然后将定义好的数据传给adapter

3. 数据的形式应该是怎么样的？对于AdapterView来说，每一项的布局应该是完全一样的，但是其中展现的数据可能不一样，但数据类型在整体上来说肯定是一样的。所以在这里用ArrayList< View >十分恰当，可以在adapter的实现中，定义一个ArrayList< View >类型的成员，用来保存所要展示的数据（UI布局和数据）。显然在这里，View = 数据+布局。

---

1. MainActivity代码：

package com.example.administrator.mylinkedviewpager;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.LayoutInflater;import android.view.View;import android.widget.ImageView;import com.example.administrator.myadapter.ViewPagerAdapter;import java.util.ArrayList;import java.util.List;public class MainActivity extends AppCompatActivity {    private ViewPager vp;    private List<View> views = new ArrayList<View>();    private ViewPagerAdapter vpAdapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        initViews();    }    public void initViews(){        LayoutInflater inflater = LayoutInflater.from(this);        View view1 = inflater.inflate(R.layout.guide, null);        initView(view1,R.drawable.guide_1);        views.add(view1);        View view2 = inflater.inflate(R.layout.guide, null);        initView(view2,R.drawable.guide_2);        views.add(view2);        View view3 = inflater.inflate(R.layout.guide, null);        initView(view3,R.drawable.guide_3);        views.add(view3);        vp = (ViewPager)findViewById(R.id.viewPager);        vpAdapter = new ViewPagerAdapter(views,this);        vp.setAdapter(vpAdapter);    }    public void initView(View view,int drawable){        ImageView imgView = (ImageView)view.findViewById(R.id.imgView);        imgView.setImageResource(drawable);    }}

2.适配器代码：

package com.example.administrator.myadapter;import android.content.Context;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.view.View;import java.util.List;/** * Created by zhouyoudade on 2016/7/19 0019. */public class ViewPagerAdapter extends PagerAdapter {    private List<View> views;    private Context context;    public ViewPagerAdapter(List<View> views, Context context) {        this.views = views;        this.context = context;    }    @Override    public void destroyItem(View container, int position, Object object) {        ((ViewPager)container).removeView(views.get(position));    }    @Override    public Object instantiateItem(View container, int position) {        ((ViewPager)container).addView(views.get(position));        return views.get(position);    }    @Override    public int getCount() {        return views.size();    }    @Override    public boolean isViewFromObject(View view, Object object) {        return (view == object);    }}

3.布局文件：

---------------------guide.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:layout_width="match_parent"        android:layout_height="match_parent"        android:id="@+id/imgView"/></RelativeLayout>--------------activity_main.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">    <android.support.v4.view.ViewPager        android:layout_width="match_parent"        android:layout_height="match_parent"        android:id="@+id/viewPager">    </android.support.v4.view.ViewPager></RelativeLayout>