（备忘录）引导页（1）

引入

compile 'com.mcxiaoke.viewpagerindicator:library:2.4.1'

在xml中

<?xml version="1.0" encoding="utf-8"?>
<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.administrator.beijingnews.activitys.GuideActivity">

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

    <com.viewpagerindicator.CirclePageIndicator
        android:id="@+id/indicator"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="50dp"/>

    <Button
        android:id="@+id/btn_start_main"
        android:text="开始体验"
        android:textSize="20sp"
        android:textColor="@drawable/btn_start_main_text_color"
        android:background="@android:color/holo_red_light"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="80dp"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

在activity中

package com.example.administrator.beijingnews.activitys;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ImageView;

import com.example.administrator.beijingnews.R;
import com.viewpagerindicator.CirclePageIndicator;

import java.util.ArrayList;
import java.util.List;

import butterknife.Bind;
import butterknife.ButterKnife;

public class GuideActivity extends Activity {


    @Bind(R.id.viewpager)
    ViewPager viewpager;
    @Bind(R.id.indicator)
    CirclePageIndicator indicator;
    @Bind(R.id.btn_start_main)
    Button btnStartMain;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_guide);
        ButterKnife.bind(this);
        initData();
    }

    private void initData() {
        List<Integer> images = new ArrayList<Integer>();
        images.add(R.drawable.item02);
        images.add(R.drawable.item04);
        images.add(R.drawable.item08);

        viewpager.setAdapter(new MyAdapter(images));
        indicator.setViewPager(viewpager);

    }

    class MyAdapter extends PagerAdapter {

        private List<Integer> images;

        public MyAdapter(List<Integer> images) {
            this.images = images;
        }

        @Override
        public int getCount() {
            return images == null ? 0 : images.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            ImageView imageView = new ImageView(GuideActivity.this);
            imageView.setImageResource(images.get(position));
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            container.addView(imageView);
            return imageView;
        }

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

}

注：

参考资料

https://github.com/JakeWharton/ViewPagerIndicator