Android引导页动画的基本实现方法—ViewPager

  首先我们要实现进入应用的引导页，有很多的方法，今天对ViewPager进行学习。

   一. ViewPager的介绍

    参看官网对ViewPager的介绍，（ViewPager）布局管理器，允许用户通过数据页向左和右翻转.。你生成的视图显示的网页由PagerAdapter去实现。

 以下代码是官网上的实例：   

    <android.support.v4.view.ViewPager
      android:layout_width="match_parent"
      android:layout_height="match_parent">

     <android.support.v4.view.PagerTitleStrip
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_gravity="top" />

     </android.support.v4.view.ViewPager>

      现在需要创建一个layout文件，这个文件就是引导页的layout。当然我们需要注意的是 这个引导页的layout应该为主activity的layout。

    

<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:id="@+id/vp"
           android:layout_width="match_parent"
           android:layout_height="match_parent"
          />
        <Button
        android:id="@+id/btn"
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="点击进入"
          />

    </RelativeLayout>

  这里面我们需要注意的是红色字体，最好是写成这样，要不容易导致报错。还有应该注意的是 Button的位置不要写在ViewPager的上面，因为我们添加

动画的时候很容易就显示不出来。

二. PagerAdapter的实现

   正如上面我们说的，我们需要通过pagerAdapter去实现内容的填充。当然这个和listView很像的。我们只需要新建一个类，让它继承pagerAdapter就可以了。

public class GuideAdapter extends PagerAdapter {
    private List<View> views;
    private Context context;

    public GuideAdapter(List<View> views, Context context) {
        this.context = context;
        this.views = views;
    }
    @Override
    public Object instantiateItem(View container, int position) {
        ((ViewPager) container).addView(views.get(position));
        return views.get(position);
    }
    @Override
    public void destroyItem(View container, int position, Object object) {
        ((ViewPager) container).removeView(views.get(position));
    }

    @Override
    public int getCount() {
        return views.size();
    }

    @Override
    public boolean isViewFromObject(View view, Object o) {
        //注意该方法内的语句时下面的
        return (view==o);
    }
}

    上面的代码只需要注意红颜色的部分。

三.引导界面的Activity的书写

  当然了这个Activity应该是主Activity了，这样第一次进入时就会先执行这个Activity。

   public class FirstGuideActivity extends Activity implements ViewPager.OnPageChangeListener {
    private ViewPager vp;
    private Button btn;
    private GuideAdapter adapter;
    private List mImagelist;
    private int[] imgId = {R.drawable.gu1, R.drawable.gu2, R.drawable.gu3};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.guidelayout);
        initListener();
        initData();
    }
    public void initListener() {
        vp= (ViewPager) findViewById(R.id.vp);
        btn= (Button) findViewById(R.id.btn);
        vp.setOnPageChangeListener(this);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                startLauncher();

            }
        });
    }
    public void initData() {
            mImagelist = new ArrayList<>();
            for (int i = 0; i < imgId.length; i++) {
            ImageView imageView = new ImageView(this);
            imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
            imageView.setImageResource(imgId[i]);
            mImagelist.add(imageView);
        }
       //添加引导页
        adapter = new GuideAdapter(mImagelist, this);
        vp.setAdapter(adapter);
    }
   @Override
    public void onPageScrolled(int i, float v, int i2) {
           if (i == imgId.length - 1) {
            btn.setVisibility(View.VISIBLE);
           //延迟动画处理
           AlphaAnimation aa = new AlphaAnimation(0, 1f);
           aa.setDuration(800);
           btn.startAnimation(aa);
        } else {
            btn.setVisibility(View.GONE);
        }

    }
    //跳转主页面方法
    public void startLauncher(){
        Intent intent = new Intent(FirstGuideActivity.this, MainActivity.class);
        startActivity(intent);
        finish();
    }

    @Override
    public void onPageSelected(int i) {

    }

    @Override
    public void onPageScrollStateChanged(int i) {

    }

 四.AndroidManifest中应该注意的

  我们可以看见这个引导页是 没有标题栏的 这个需要我们在这个Activity里面添加相应的标签

   android:theme="@android:style/Theme.NoTitleBar.Fullscreen

当然这时候很容易报错：java.lang.IllegalStateException: You need to use a Theme.AppCompat theme (or descendant) with this activity.

拥护我们的activity一定是继承了兼容包中的类，比如我这里就无意中继承了ActionBarActivity，它来自android.support.v7.app.ActionBarActivity。所以就要使用与其配合的AppCompat的theme才行，所以我们的Activity可以直接集成Activity就可以避免上面的报错。