Android 使用ViewPager实现基本的翻页效果

Posted 路 宇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android 使用ViewPager实现基本的翻页效果相关的知识,希望对你有一定的参考价值。

效果如图所示:
在这里插入图片描述
代码实现:
1.布局代码:activity_view_pager.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ViewPagerActivity">
    <androidx.viewpager.widget.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

1.1.viewpager1.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:background="#CF1717"
    android:gravity="center">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一个layout"
        android:textSize="20sp" />
</LinearLayout>

另外两个xml同理
2.MainActivity代码如下:

public class ViewPagerActivity extends AppCompatActivity {
    private ViewPager view_pager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_pager);
        view_pager = findViewById(R.id.view_pager);
        View inflate1 = LayoutInflater.from(this).inflate(R.layout.viewpager1, null);
        View inflate2 = LayoutInflater.from(this).inflate(R.layout.viewpager2, null);
        View inflate3 = LayoutInflater.from(this).inflate(R.layout.viewpager3, null);
        List<View> viewList = new ArrayList<>();
        viewList.add(inflate1);
        viewList.add(inflate2);
        viewList.add(inflate3);

        MyAdapter myAdapter = new MyAdapter(viewList);
        view_pager.setAdapter(myAdapter);

    }
}

2.1.适配器MyAdapter代码如下:

public class MyAdapter extends PagerAdapter {
    private List<View> viewList;

    public MyAdapter(List<View> viewList) {
        this.viewList = viewList;
    }

    //获取多少View
    @Override
    public int getCount() {
        return viewList.size();
    }

    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view == object;
    }

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

    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        container.removeView(viewList.get(position));
    }
}

分析:
PagerAdapter主要是viewpager的适配器,可以实现控件的滑动效果。
继承PagerAdapter至少重写四个方法。

  1. getCount():获得viewpager中有多少个view

  2. instantiateItem():参数1:将给定位置的view添加到viewpager(容器中)创建并显示出来 。
    返回值:返回一个代表新增页面的object(key),通常都是直接返回view本身就可以了,当然你也可以自定义自己的key,但是key和每个view要是一一对应的关系。

  3. isViewFromObject():判断instantiateItem(ViewGroup,int)函数所返回来的key与一个页面视图是否是代表的同一个视图(即它俩是否是对应的,对应的表示同一个view)通常我们直接写 return view==object;

  4. destroyItem():移除一个给定位置的页面,适配器有责任从容器中删除这个视图,这是为了确保在finishUpdate(viewGroup)返回时视图能够被移除。

以上是关于Android 使用ViewPager实现基本的翻页效果的主要内容,如果未能解决你的问题,请参考以下文章

用TabLayout+ViewPager+Fragment控件实现简单的翻页效果 --Android--

Android 使用ViewPager实现手动左右切换页面和底部点点跟随切换效果

Android项目ViewPager+Fragment的基本使用

Android自定义控件5--轮播图广告ViewPager基本实现

android 怎么实现带indicator的viewpager

Android -- 使用ViewPager实现画廊效果