Android开发之app入口引导页Viewpager

从事Android的小伙伴们应该都知道，但凡现在的主流app进入都会有一个引导页面，引导用户进入app，所以我下面要说的就是这个功能：
当然了，这种东西网上已经有一大堆，不过我觉得看的再多，自己动手后才是自己的！

1. ViewPager 是在andeoid-support-v4.jar下，因此首先需要导入v4架包
2. 自定义一个MyPagerAdapter继承PagerAdapter重写四个方法
   instantiateItem(ViewGroup, int) ，destroyItem(ViewGroup, int, Object)， getCount()，isViewFromObject(View, Object)
3. 在MainActivity中找到viewpager控件并实现OnPagerChangeListener接口
   4.通过LayoutInflater 将多个view添加到viewpager中
4. 绑定adapter
   具体代码如下：

MyPagerAdapter

import java.util.List;

import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;

public class MyPagerAdapter extends PagerAdapter {
    List<View> viewLists;

    public MyPagerAdapter(List<View> lists) {
        viewLists = lists;  
    }
    //是获取当前窗体界面数
    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return viewLists.size();
    }
    //用于判断是否由对象生成界面
    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        // TODO Auto-generated method stub
        return arg0 == arg1;
    }
    //这个方法，是从ViewGroup中移出当前View
    @Override
    public void destroyItem(View view, int position, Object object) {
        // TODO Auto-generated method stub
        ((ViewPager) view).removeView(viewLists.get(position));
    }
    //return一个对象，这个对象表明了PagerAdapter适配器选择哪个对象*放在当前的ViewPager中
    @Override
    public Object instantiateItem(View view, int position) {
        //添加页卡  
        ((ViewPager) view).addView(viewLists.get(position), 0);
        return viewLists.get(position);
    }

}

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"
    tools:context="com.example.android_hl_1.WelcomeActivity" >

    <android.support.v4.view.ViewPager
        android:id="@+id/search_viewpager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </android.support.v4.view.ViewPager>
    <LinearLayout
        android:id="@+id/llGuideDots"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"  
        android:layout_marginBottom="25dp"
        android:orientation="horizontal" />

</RelativeLayout>

MainActivity：

public class MainActivity implements ViewPager.OnPageChangeListener{
private List<View> dotViewList;
// 设置已经引导过了，下次启动不用再次引导
    SharedPreferences preferences;
    Editor editor;
private List<View> lists = new ArrayList<View>();
    private MyAdapter adapter;
    private ViewPager viewPager;
    private LinearLayout mLlGuideDots;//引导点的布局
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        mLlGuideDots = (LinearLayout) findViewById(R.id.llGuideDots);
        //记录第一次进入该界面
        preferences = getSharedPreferences("first_pref", 0);
        editor = preferences.edit();
        //初始化页面
        bindViewPage();
        //初始化点
        initDots();
    }
    /**
    *初始化点
    */
    private void initDots() {
        dotViewList = new ArrayList<View>();
        for(int i=0;i<lists.size();i++){
            View view=new View(this);
            LinearLayout.LayoutParams layoutParams=new LinearLayout.LayoutParams(20,20);
            //设置点之间的距离
            layoutParams.setMargins(5,0,5,0);
            view.setLayoutParams(layoutParams);          view.setBackgroundResource(R.drawable.cai_start_dot_normal);
            mLlGuideDots.addView(view);
            dotViewList.add(view);
        }

    }
    private void bindViewPage() {
        viewPager = (ViewPager) findViewById(R.id.search_viewpager);
    View view1 = LayoutInflater.from(this).inflate(R.layout.welcom_1, null);
        View view2 = LayoutInflater.from(this).inflate(R.layout.welcom_2, null);
        View view3 = LayoutInflater.from(this).inflate(R.layout.welcom_3, null);
        ImageView start = (ImageView) view3.findViewById(R.id.start);
        start.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // 存入数据
                editor.putBoolean("isFirstIn", false);
                // 提交修改
                editor.commit();
                Intent intent = new Intent(GuideActivity.this,
                        WelcomeActivity.class);
                startActivity(intent);
                finish();
            }
        });
        lists.add(view1);
        lists.add(view2);
        lists.add(view3);
        adapter = new MyPagerAdapter(lists);
        viewPager.setAdapter(adapter);
        viewPager.setOnPageChangeListener(this);
    }
    private int currentIndex=0;//当前所在页面
    //记录正在移动的pager
    @Override
    public void onPageScrollStateChanged(int position) {


    }
    //移动完成后
    @Override
    public void onPageScrolled(int position, float arg1, int arg2) {

        dotViewList.get(currentIndex).setBackgroundResource(
                R.drawable.cai_start_dot_normal);
        dotViewList.get(position).setBackgroundResource(
                R.drawable.cai_start_dot_focused);
               //将移动后的下标赋值给当前下标
        currentIndex = position;

    }
    @Override
    public void onPageSelected(int arg0) {
        // TODO Auto-generated method stub

    }
}

cai_start_dot_focused.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >
    <solid android:color="#ffffffff" />
    <corners android:radius="90dip" />
</shape>

cai_start_dot_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >
    <solid android:color="#33000000" />
    <corners android:radius="90dip" />
</shape>

写到这里差不多就完了，这个功能还是比较简单的，网上也有很多实例，总结一下：

主要是利用viewpager的滑动接口，实现页面间的跳转，当然了，viewpager里面不只是可以放view，也可以放activity以及fragment，但是作为一个引导页放入一个view差不多就能实现所需要的功能了，后面我还会总结viewpager中加入activity以及fragment的方法！

---

总结别人的东西，望自己能从中学习到更多，坚持坚持