Android中的ViewPager

最新推荐文章于 2022-09-17 23:56:32 发布

sxl___

最新推荐文章于 2022-09-17 23:56:32 发布

阅读量357

点赞数

CC 4.0 BY-SA版权

分类专栏：入门文章标签： android viewpager

本文链接：https://blog.youkuaiyun.com/sxl___/article/details/52760664

入门专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何使用Android的ViewPager组件实现左右滑动切换页面的功能。通过实例演示了ViewPager的基本用法，包括布局定义、页面创建及PagerAdapter的配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

几乎在现在的所有主流App中，都能左右滑动切换页面。在学习过后，知道了这是一种控件做出来的效果，他就是ViewPager。

VeiwPager是扩展包support.v4中的控件，因此要使用它，需要在libs目录下导入android-support-v4.jar包。我们可以通过一个简单的例子来熟悉它的用法:

新建一个项目ViewPager，在libs文件夹下导入需要的jar包。
首先在布局文件中定义一个ViewPager：

<RelativeLayout 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.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/main_viewPager"
        >

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

新建三个布局以显示效果：
只是简单的例子，用的是三个只有背景的布局

布局1：page1.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"
    android:orientation="vertical" 
    android:background="#777777">
</LinearLayout>

布局2：page2.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"
    android:orientation="vertical" 
    android:background="#cdcdcd">
</LinearLayout>

布局3：page3.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"
    android:orientation="vertical" 
    android:background="#114490">
</LinearLayout>

接着是代码部分：

public class MainActivity extends Activity {

    //存放所有要显示的View
    private List<View> pages;
    private ViewPager viewPager;
    //为ViewPager添加的PagerAdapter
    private PagerAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewPager = (ViewPager) findViewById(R.id.main_viewPager);
        LayoutInflater inflater = getLayoutInflater();
        View page1 = inflater.inflate(R.layout.page1, null);
        View page2 = inflater.inflate(R.layout.page2, null);
        View page3 = inflater.inflate(R.layout.page3,null);

        //将所有的View添加到List中
        pages = new ArrayList<View>();
        pages.add(page1);
        pages.add(page2);
        pages.add(page3);

        adapter = new PagerAdapter() {


            @Override
            public void destroyItem(ViewGroup container, int position, Object object) {
                // TODO Auto-generated method stub
                container.removeView((View)object);
            }

            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                // TODO Auto-generated method stub
                container.addView(pages.get(position));;
                return pages.get(position);
            }

            @Override
            public boolean isViewFromObject(View arg0, Object arg1) {
                // TODO Auto-generated method stub
                return arg0==arg1;
            }

            @Override
            public int getCount() {
                // TODO Auto-generated method stub
                return pages.size();
            }
        };
        //为viewPager设置Adapter
        viewPager.setAdapter(adapter);
    }
}