Android 简单引导页实现

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/wangxumh520/article/details/77932625

页面逻辑

1.用户打开App，进入欢迎页，在欢迎页中判断用户是否第一次使用App(可以用Shared Preference记录用户使用状态)。
2.如果用户第一次使用App，进入引导页，用户可以通过左右滑动查看当前展示页面，页面可以是广告，也可以是App使用说明。
3.当用户滑动到最后一页时，让指示器消失，同时显示立即进入按钮

废话不多说，直接上干货！

1.指示器

这里我选择用一个轻量级的viewpager指示器

项目地址;https://github.com/ongakuer/CircleIndicator

dependencies {
    compile 'me.relex:circleindicator:1.2.2@aar'
}

2.XML(R.layout.activity_hello2)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

    <me.relex.circleindicator.CircleIndicator
        android:id="@+id/indicator"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="20dp"
        app:ci_drawable="@drawable/dian"
        app:ci_drawable_unselected="@drawable/dian_un" />

</RelativeLayout>

3.XML(R.layout.fragment_four)

<?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:background="@drawable/wel4">

    <ImageView
        android:id="@+id/iv_enter"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="45dp"
        android:src="@drawable/enter"/>

</RelativeLayout>

4.Hello2Activity

public class Hello2Activity extends BaseActivity {

    private static final String TAB = "Hello2Activity";
    private View view1, view2, view3, view4;
    private ArrayList<View> viewList = new ArrayList<>();
    private PagerAdapter mAdapter;

    @BindView(R.id.viewpager)
    ViewPager viewpager;
    @BindView(R.id.indicator)
    CircleIndicator indicator;

    @Override
    protected void initLayout() {
        setContentView(R.layout.activity_hello2);
    }

    @Override
    protected void initData() {
        view1 = Utils.getInflater().inflate(R.layout.fragment_one, null);
        view2 = Utils.getInflater().inflate(R.layout.fragment_two, null);
        view3 = Utils.getInflater().inflate(R.layout.fragment_three, null);
        view4 = Utils.getInflater().inflate(R.layout.fragment_four, null);

        viewList.add(view1);
        viewList.add(view2);
        viewList.add(view3);
        viewList.add(view4);

        mAdapter = new PagerAdapter() {
            @Override
            public int getCount() {
                return viewList.size();
            }

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

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

            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                container.addView(viewList.get(position));
                return viewList.get(position);
            }
        };

        viewpager.setAdapter(mAdapter);
        indicator.setViewPager(viewpager);
        view4.findViewById(R.id.iv_enter).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent it = new Intent(mActivity, MainActivity.class);
                startActivity(it);
                finish();
            }
        });
        viewpager.setCurrentItem(0);
    }

    @Override
    protected void initView() {
        viewpager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                if (position == 3) {
                    indicator.setVisibility(View.GONE);
                } else {
                    indicator.setVisibility(View.VISIBLE);
                }
            }
        });
    }
}

OK，到此一个简单的引导页就完成了，感谢^_^