Android 实现多页界面左右滑动切换效果之入门+进阶（ViewPager+PagerAdapter）

最新推荐文章于 2022-05-30 16:23:56 发布

共勉

最新推荐文章于 2022-05-30 16:23:56 发布

阅读量4.6k

点赞数

分类专栏： Android

Android 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

原文地址：Android 实现多页界面左右滑动切换效果之入门 作者：石头

一、实现多面界面滑动切换方法有多种，就目前我所知道的大致有三种：

1.ViewFlipper + Animation：

2.ViewGroup + Scroller + VelocityTracker

3.ViewPager

本文主要介绍第三种ViewPager实现方式

二、ViewPager是google Android SDk中自带的一个附加包(android-support-v4.jar)的一个类可以用来实现屏幕间的切换。如下图：

如果在工程中没有看见该附加包，请及时更新sdk,并勾选Extras/Android Support Library安装

三、ViewPager的简单使用

创建工程ViewPagerDemo1

1.主布局文件activity_main.xml：

2.子页面布局 layout1.xml,layout2.xml,layout3.xml

     <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="#ff0000ff"
    android:gravity="center">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一页"
        android:textColor="#ffffffff"
        android:textSize="30sp"/>
</LinearLayout>

本例子三个页面布局一样

3.主窗口代码：

public class MainActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initViewPager();
    }

    private void initViewPager(){
     ViewPager viewPager = (ViewPager)findViewById(R.id.viewPager);

     View view1 = LayoutInflater.from(this).inflate(R.layout.layout1, null);
     View view2 = LayoutInflater.from(this).inflate(R.layout.layout2, null);
     View view3 = LayoutInflater.from(this).inflate(R.layout.layout3, null);

     ArrayList<View> views = new ArrayList<View>();
     views.add(view1);
     views.add(view2);
     views.add(view3);

     MYViewPagerAdapter adapter = new MYViewPagerAdapter();
     adapter.setViews(views);
     viewPager.setAdapter(adapter);
    }
}

4.另外还需继承PagerAdapter类实现自己MYPagerAdapter适配器类

public class MYViewPagerAdapter extends PagerAdapter {

private ArrayList<View> views;

public void setViews(ArrayList<View> views) {
this.views = views;
}

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

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

@Override
public void destroyItem(View container, int position, Object object) {

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

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

工程下载地址：http://115.com/file/e75fxvro#ViewPagerDemo1.rar

代码运行效果如下：

Android 实现多页界面左右滑动切换效果之进阶

前一篇已经简单介绍了ViewPager实现界面左右滑动的简单实现方法。可以该方法实现方式虽说简单，但是存在很大的问题——界面虽然随左右滑动而切换了，但是实际所在的操作类还同一个（即在同一个Activity中)，这一问题将导致程序的逻辑变得复杂时，界面控件变多时该Activity中实现的代码迅速的增加，最终将会使用程序后期维护、他人的阅读变得更加困难。

本篇将介绍如何实现几个独立的Activity之间实现滑动切换效果。以下将讲述实现过程：

1.实现原理：ViewPager + ActivityGroup。

2.建立工程ViewPagerDemo2

编写的类有:MainActivity（主界面窗口）、MYPagerAdapter（和上篇讲述的一样),FirstActivity,SecondActivity,ThirdActivity(这三个对应上篇所讲的三个滑动切换界面)

编写的布局文件:main.xml,layout1.xml,layout2.xml,layout3.xml(这四个布局文件与上篇所讲完全一样)

本实例实现只有主界面窗口类与上篇所讲实现不同，这里的主界面窗口是继承自ActivityGroup,而非直接继承成Activity，其他类均一样，这里我们着重介绍该类的实现。

这是上篇所讲的初始化ViewPager方法

private void initViewPager(){

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

View view1 = LayoutInflater.from(this).inflate(R.layout.layout1, null);

View view2 = LayoutInflater.from(this).inflate(R.layout.layout2, null);

View view3 = LayoutInflater.from(this).inflate(R.layout.layout3, null);

ArrayList<View> views = new ArrayList<View>();

views.add(view1);

views.add(view2);

views.add(view3);

MYViewPagerAdapter adapter = new MYViewPagerAdapter();

adapter.setViews(views);

viewPager.setAdapter(adapter);

}

这是改进的初始化ViewPager方法:

private void initViewPager(){

view1 = getLocalActivityManager().startActivity("activity01",

new Intent(this, FirstActivity.class)).getDecorView();

view2 = getLocalActivityManager().startActivity("activity02",

new Intent(this, SecondActivity.class)).getDecorView();

view3 = getLocalActivityManager().startActivity("activity03",

new Intent(this, ThirdActivity.class)).getDecorView();