ViewPager实现引导页(添加导航点,判断是否第一次进入主界面)

2023-07-16 22:47:21

1.引导页的4个界面布局,里面加载一张背景图片

插入到guide的界面布局中(这里不用fragment)

guide_background_fragment1.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    >

<ImageView

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@drawable/guide_background1"/>

</LinearLayout>

guide_background_fragment2.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    >

<ImageView

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@drawable/guide_background2"/>

</LinearLayout>

guide_background_fragment3.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    >

<ImageView

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@drawable/guide_background3"/>

</LinearLayout>

guide_background_fragment4.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    >

<ImageView

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@drawable/guide_background4"/>

</LinearLayout>

guide.xml

<?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.support.v4.view.ViewPager

        android:id="@+id/viewpager"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center" />

    <LinearLayout

        android:id="@+id/l1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="horizontal"

        android:layout_centerInParent="true"

        android:layout_alignParentBottom="true"

        >

        <ImageView

            android:id="@+id/imageV1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:src="@drawable/login_point" />

        <ImageView

            android:id="@+id/imageV2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:src="@drawable/login_point" />

        <ImageView

            android:id="@+id/imageV3"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:src="@drawable/login_point" />

        <ImageView

            android:id="@+id/imageV4"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:src="@drawable/login_point" />

    </LinearLayout>

</RelativeLayout>

2. 适配器

GuidePagerAdapter.java

import android.content.Context;

import android.support.v4.view.PagerAdapter;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import java.util.List;

public class GuidePagerAdapter extends PagerAdapter{

    private Context context;

    private List<View> views;

    public GuidePagerAdapter(List<View> views, Context context) {

        this.context = context;

        this.views = views;

    }

    @Override

    public int getCount() {

        // TODO Auto-generated method stub

        return views.size();

    }

    @Override

    public Object instantiateItem(ViewGroup container, int position) {

        container.addView(views.get(position));

        return views.get(position);

    }

    @Override

    public void destroyItem(ViewGroup container, int position, Object object) {

        container.removeView(views.get(position));

    }

    @Override

    public boolean isViewFromObject(View arg0, Object arg1) {

        // TODO Auto-generated method stub

        return (arg0 == arg1);

    }

}

Guide.java

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.support.v4.view.ViewPager;

import android.view.LayoutInflater;

import android.view.View;

import android.view.Window;

import android.widget.Button;

import android.widget.ImageView;

import java.util.ArrayList;

import java.util.List;

/**

 * Created by zps on 2015/9/3.

 */

public class Guide extends Activity implements ViewPager.OnPageChangeListener {

    private List<View> listView;

    private ViewPager viewPager;

    private GuidePagerAdapter vpAdapter;

    private int[] dotsId = {R.id.imageV1, R.id.imageV2, R.id.imageV3, R.id.imageV4};

    private ImageView[] dotsView;

    private Button lijitiyanButton;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_NO_TITLE);

        setContentView(R.layout.view_pager);

        init();

        initDots();

    }

    private void initDots() {

        dotsView = new ImageView[listView.size()];

        for (int i = 0; i < listView.size(); i++) {

            dotsView[i] = (ImageView) findViewById(dotsId[i]);

        }

    }

    private void init() {

        LayoutInflater inflater = LayoutInflater.from(this);

        listView = new ArrayList<View>();

        //获取View对象

        View view1 = inflater.inflate(R.layout.view_pager_img1, null);

        View view2 = inflater.inflate(R.layout.view_pager_img2, null);

        View view3 = inflater.inflate(R.layout.view_pager_img3, null);

        View view4 = inflater.inflate(R.layout.view_pager_img4, null);

        //view对象放在List<view>中

        listView.add(view1);

        listView.add(view2);

        listView.add(view3);

        listView.add(view4);

        //List<view>放在适配器ViewPagerAdapter中

        vpAdapter = new GuidePagerAdapter(listView, this);

        //获取ViewPage,设置适配器;

        viewPager = (ViewPager) findViewById(R.id.viewpager);

        viewPager.setAdapter(vpAdapter);

        viewPager.addOnPageChangeListener(this);

        lijitiyanButton =(Button) view4.findViewById(R.id.lijitiyan_button);

        lijitiyanButton.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                Intent intent = new Intent(Guide.this,MainActivity.class);

                startActivity(intent);

                finish();

            }

        });

    }

    @Override

    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override

    public void onPageSelected(int position) {

        for (int i = 0; i < dotsId.length; i++) {

            if(i == position){

                dotsView[i].setImageResource(R.drawable.login_point_selected);

            }else {

                dotsView[i].setImageResource(R.drawable.login_point);

            }

        }

    }

    @Override

    public void onPageScrollStateChanged(int state) {

    }

}

3.引导页的判断:是否第一次进入

public class GuideWelcome extends Activity{

    private static final int TIME = 2000;

    private static boolean isFirstIn = false;

    private static final  int First = 1000;

    private static final  int NoFirst = 1001;

    private Handler handler = new Handler(){

        @Override

        public void handleMessage(Message msg) {

            switch (msg.what){

                case First:

                    FirstIn();

                    break;

                case NoFirst:

                    NoFirstIn();

                    break;

                default:

                    break;

            }

        }

    };

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.welcome);

        init();

    }

    private void init() {

        //存储文件名为"gudiewelcome"

        SharedPreferences sharedPreferences = getSharedPreferences("guidewelcome",MODE_PRIVATE);

        isFirstIn = sharedPreferences.getBoolean("isFirstIn",true);

        if(!isFirstIn){

          handler.sendEmptyMessageDelayed(NoFirst,TIME);

        }else {

            handler.sendEmptyMessageDelayed(First,TIME);

            //存储文件key为isFirstIn,值为false

            SharedPreferences.Editor editor = sharedPreferences.edit();

            editor.putBoolean("isFirstIn",false);

            editor.commit();

        }

    }

    private void FirstIn(){

        Intent intent = new Intent(GuideWelcome.this,Guide.class);

        startActivity(intent);

        finish();

    }

    private void NoFirstIn(){

        Intent intent = new Intent(GuideWelcome.this,TabMainActivity.class);

        startActivity(intent);

        finish();

    }

}

码农公寓

相关文章