android首次进入App新手引导

在android App开发的时候,往往在首次进入应用要给用户一个引导,今天我就来实现这个功能,算作是自己的一个笔记,以后忘记了可以翻来看看,下面我们就来实现它吧.

public class LaunchActivity extends BaseActivity { 
private ViewPager viewPager;
private LaunchViewpagerAdapter launchAdapter;
private ArrayList<View> views = new ArrayList<View>();
private List<View> dots = new ArrayList<View>(); // 存放图片标题正文的那些点
private View  v_dot0, v_dot1, v_dot2;//滑动时候渐变的小圆点
private View view1;//第一个视图
private View view2;//第二个视图
private View view3;//第三个视图
private LinearLayout layout; //小圆点布局
   @Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_launch);
    //初始化控件
    viewPager =(ViewPager)findViewById(R.id.start_viewpager);
    v_dot0 = (View) findViewById(R.id.v_dot0);
    dots.add(v_dot0);
    v_dot1 = (View) findViewById(R.id.v_dot1);
    dots.add(v_dot1);
    v_dot2 = (View) findViewById(R.id.v_dot2);
    dots.add(v_dot2);
    layout = (LinearLayout) findViewById(R.id.dot);
    //滑动的视图
    InitViewPager();
}
    private void InitViewPager() {
    LayoutInflater inflater = LayoutInflater.from(this);
    view1 = inflater.inflate(R.layout.activity_guidance_one, null);
    view2 = inflater.inflate(R.layout.activity_guidance_two, null);
    view3 = inflater.inflate(R.layout.activity_guidance_three, null);
    views.add(view1);
    views.add(view2);
    views.add(view3);
    设置viewpager的适配器
    launchAdapter = new LaunchViewpagerAdapter(views);
    viewPager.setAdapter(launchAdapter);
    // 设置一个监听器，当ViewPager中的页面改变时调用
    viewPager.setOnPageChangeListener(new MyPageChangeListener());
}
  public class LaunchViewpagerAdapter extends PagerAdapter {
    List<View> list = new ArrayList<View>();
    public LaunchViewpagerAdapter(ArrayList<View> list) {
        this.list = list;
    }

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

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        return arg0 == arg1;
    }

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

    @Override
    public Object instantiateItem(ViewGroup arg0, int arg1) {
        ViewPager pViewPager = ((ViewPager) arg0);
        pViewPager.addView(list.get(arg1));
        //当滑到最后一张的时候,点击上面的按钮,跳转到MianActivity
        if (arg1 == views.size() - 1) {
            TextView gomain = (TextView) arg0.findViewById(R.id.btn_go_main);
            gomain.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Intent intent = new Intent();
                    intent.setClass(LaunchActivity.this, MainActivity.class);
                    startActivity(intent);
                    finish();
                }
            });
        }
        return list.get(arg1);
    }

    @Override
    public void restoreState(Parcelable arg0, ClassLoader arg1) {

    }

    @Override
    public Parcelable saveState() {
        return null;
    }

}
  private class MyPageChangeListener implements ViewPager.OnPageChangeListener {
    private int oldPosition = 0;

    public void onPageSelected(int position) {
        dots.get(oldPosition).setBackgroundResource(R.drawable.start_viewpager_normal);
        dots.get(position).setBackgroundResource(R.drawable.start_viewpager_focused);
        oldPosition = position;
        if (viewPager.getCurrentItem() == 2) {
            layout.setVisibility(View.INVISIBLE);
        }else {
            layout.setVisibility(View.VISIBLE);
        }
        //滑动的时候动画效果
        for (int i = 0; i < views.size(); i++) {
            if (i == position) {
                views.get(i).setVisibility(View.VISIBLE);
            } else {
                views.get(i).setVisibility(View.GONE);
            }
        }

    }

    public void onPageScrollStateChanged(int arg0) {

    }

    public void onPageScrolled(int arg0, float arg1, int arg2) {

    }
}
}

//这里是luncher_activity
<?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="@color/color_2e323e"
    android:orientation="vertical">

    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="match_parent">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

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

            <LinearLayout
                android:id="@+id/dot"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_marginBottom="50dp"
                android:gravity="center">

                <View
                    android:id="@+id/v_dot0"
                    style="@style/dot_style"
                    android:background="@drawable/start_viewpager_focused" />

                <View
                    android:id="@+id/v_dot1"
                    style="@style/dot_style" />

                <View
                    android:id="@+id/v_dot2"
                    style="@style/dot_style" />

            </LinearLayout>
        </RelativeLayout>
    </FrameLayout>
</RelativeLayout>

//这里是dot_style样式
   <resources xmlns:android="http://schemas.android.com/apk/res/android">
   <style name="dot_style">
        <item name="android:layout_width">5dip</item>
        <item name="android:layout_height">5dip</item>
        <item name="android:background">@drawable/start_viewpager_normal</item>
        <item name="android:layout_marginLeft">1.5dip</item>
        <item name="android:layout_marginRight">1.5dip</item>
    </style>
  </resources>

//这里是自定义的 shape  start_viewpager_normal 也就是滑动的时候的点
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >

    <solid android:color="#e0e0e0" />
    <corners android:radius="5dip" />

</shape>

这里是每第一个滑动的View,其他滑动的view也一样

<?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="@color/color_2e323e"
    android:orientation="vertical" >
    <ImageView
        android:id="@+id/ic_novice_report_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/ic_novice_report_one"/>
</RelativeLayout>