Android学习之简单导航页的实现

最新推荐文章于 2024-05-09 22:05:28 发布

陈坚润

最新推荐文章于 2024-05-09 22:05:28 发布

阅读量2.5k

点赞数

分类专栏： java、Android 文章标签： App引导页

本文链接：https://blog.csdn.net/qq_28468727/article/details/52187281

版权

java、Android 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

关于ViewPager的描述

1）ViewPager类直接继承了ViewGroup类，所有它是一个容器类，可以在其中添加其他的view类。

2）ViewPager类需要一个PagerAdapter适配器类给它提供数据。

3）ViewPager经常和Fragment一起使用，并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter类供Fragment中的ViewPager使用。

在编写ViewPager的应用的使用，还需要使用两个组件类分别是PagerTitleStrip类和PagerTabStrip类，PagerTitleStrip类直接继承自ViewGroup类，而PagerTabStrip类继承PagerTitleStrip类，所以这两个类也是容器类。但是有一点需要注意，在定义XML的layout的时候，这两个类必须是ViewPager标签的子标签，不然会出错。

实现步骤

1、创建一个类扩展自PagerAdapter

对于PagerAdapter类，必须至少实现如下的4个方法：

//添加view

public Object instantiateItem(ViewGroup container, int position)

//释放view

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

//返回view的个数

public int getCount()

//判断当前view是否为我们需要的对象

public boolean isViewFromObject(View arg0, Object arg1)

ViewPagerAdapter.java

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

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

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

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

    //判断当前view是否为我们需要的对象
    @Override
    public boolean isViewFromObject(View view, Object object) {
        return (view == object);
    }
}

2、创建一个类Guide来承载viewPager，将其扩展自Activity，在页面被选中时，会有小圆点显示当前被选中的pager，并自定义添加enter()方法进入应用主界面

public class Guide extends Activity implements ViewPager.OnPageChangeListener{
    private ViewPager vp;
    private ViewPagerAdapter viewPagerAdapter;
    private List<View> views;

    private ImageView[] dots;
    private int[] ids= {R.id.iv1,R.id.iv2,R.id.iv3};
    private Button btnEnter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.guide);
        intiView();
        initDots();
        enter();
    }

    private void intiView(){
        LayoutInflater inflater = LayoutInflater.from(this);
        views = new ArrayList<View>();
        views.add(inflater.inflate(R.layout.one,null));
        views.add(inflater.inflate(R.layout.two,null));
        views.add(inflater.inflate(R.layout.three,null));

        viewPagerAdapter = new ViewPagerAdapter(views,this);

        vp = (ViewPager) findViewById(R.id.viewpager);
        vp.setAdapter(viewPagerAdapter);//获取适配器中的数据

        vp.setOnPageChangeListener(this);//添加回调函数进行监听
    }

    private void enter(){
        btnEnter = (Button) views.get(2).findViewById(R.id.btnEnter);
        btnEnter.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(Guide.this,MainActivity.class);
                startActivity(intent);
                finish();
            }
        });
    }

    //初始化小圆点的ImageView
    private void initDots(){
        dots = new ImageView[views.size()];
        for (int i = 0;i<views.size();i++){
            dots[i] = (ImageView) findViewById(ids[i]);
        }
    }

    //当页面被滑动调用
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    //当前新的页面被选中时调用
    @Override
    public void onPageSelected(int position) {
        for (int i = 0;i< views.size();i++){
            if (position == i){
//设置小圆点为选中状态
                dots[i].setImageResource(R.drawable.login_point_selected);
            }
            else{
//设置小圆点为未选中状态
                dots[i].setImageResource(R.drawable.login_point);

            }
        }
    }

    //活动状态改变时调用
    @Override
    public void onPageScrollStateChanged(int state) {

    }
}

3、创建guide.xml，并向其添加子标签ViewPager和保存小圆点的3个ImageView

<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="fill_parent"
        android:layout_height="fill_parent"
        android:background="#00000000"
        android:persistentDrawingCache="animation">

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

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_horizontal"
        android:layout_alignParentBottom="true">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/iv1"
            android:src="@drawable/login_point"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/iv2"
            android:src="@drawable/login_point"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/iv3"
            android:src="@drawable/login_point"/>

    </LinearLayout>
</RelativeLayout>

4、创建三个view：one.xml,tow.xml,three.xml，他们的子标签是一个ImageView

one.xml

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

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/guide_1"/>
</LinearLayout>

two.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/guide_2"/>
</LinearLayout>

three.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">
    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/guide_3"/>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/btnEnter"
            android:text="Enter"/>

    </LinearLayout>

</RelativeLayout>

5、添加启动欢迎界面，在欢迎界面会停留数秒，若是第一次启动，则会跳转至引导界面，否则跳转至程序主界面

welcome

public class Welcome extends AppCompatActivity {

    private static final int TIME = 10000;
    private static final int GO_HOME = 1000;
    private static final int GO_GUIDE = 1001;
    private boolean isFirstIn = false;

    private Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what){
                case GO_HOME:
                    goHome();
                    break;
                case GO_GUIDE:
                    goGuide();
                    break;
            }
        }
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_welcome);
        init();
    }

    private void init(){
        //执行成功的话，会将数据保存在homeTest.xml文件中
        SharedPreferences preferences = getSharedPreferences("homeTest",MODE_PRIVATE);
        //第一个参数是key，第二个参数是默认值
        isFirstIn = preferences.getBoolean("isFirstIn",true);
        if (!isFirstIn){
            handler.sendEmptyMessageDelayed(GO_HOME,TIME);
        }
        else {
            handler.sendEmptyMessageDelayed(GO_GUIDE,TIME);
            //利用edit()方法获取Editor对象
            SharedPreferences.Editor editor = preferences.edit();
            editor.putBoolean("isFirstIn",false);

            editor.commit();
        }
    }
    private void goHome(){
        Intent intent = new Intent(Welcome.this,MainActivity.class);
        startActivity(intent);
        finish();
    }
    private void goGuide(){
        Intent intent = new Intent(Welcome.this,Guide.class);
        startActivity(intent);
        finish();
    }
}

6、activity_welcome.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.example.administrator.viewpagerdemo.Welcome">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/welcome_android"/>

</LinearLayout>

7、在manifest中，将Activity Welcome设置为启动项

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.administrator.viewpagerdemo">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity"></activity>
        
        <activity android:name=".Guide">
        </activity>
        
        <activity android:name=".Welcome">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

以上的代码是本人在看视频教程中编写的代码，纯粹之是为了记录自己的学习过程，以便在以后学习Android过程中忘记时可以再回顾

陈坚润

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Android学习之简单导航页的实现

关于ViewPager的描述 1）ViewPager类直接继承了ViewGroup类，所有它是一个容器类，可以在其中添加其他的view类。 2）ViewPager类需要一个PagerAdapter适配器类给它提供数据。 3）ViewPager经常和Fragment一起使用，并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter
复制链接

扫一扫

专栏目录