温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Android中怎么使用ViewPager2实现页面滑动切换效果

发布时间:2022-02-18 10:45:41 来源:亿速云 阅读:486 作者:iii 栏目:开发技术

这篇“Android中怎么使用ViewPager2实现页面滑动切换效果”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Android中怎么使用ViewPager2实现页面滑动切换效果”文章吧。

    1.引言

    在很多应用中,我们经常会看到多个页面之间滑动切换的场景,ViewPager2是ViewPager的升级版。

    2.实现页面滑动切换

    2.1 引入ViewPager2库

    要使用ViewPager2,需要引入ViewPager2库,引入方法如下:

    implementation "androidx.viewpager2:viewpager2:1.0.0"

    2.2 使用ViewPager2

    在布局中使用ViewPager2,示例如下:

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/viewPager2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    2.3 构建Fragment

    本Fragment只为简单演示使用,其布局如下:

    <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:gravity="center"
        android:orientation="vertical">
    
        <TextView
            android:id="@+id/tv_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="18sp"
            android:textColor="@color/black"/>
    
    </LinearLayout>

    ContentFragment类的实现如下:

    public class ContentFragment extends Fragment {
        private String content;
    
        public ContentFragment(String content) {
            this.content = content;
        }
    
        private TextView tv_content;
    
        @Nullable
        @Override
        public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
            View view = inflater.inflate(R.layout.fragment_content, container, false);
            tv_content = view.findViewById(R.id.tv_content);
            tv_content.setText(content);
            return view;
        }
    
        public void setContent(String content) {
            this.content = content;
            tv_content.setText(content);
        }
    }

    2.4 继承FragmentStateAdapter

    创建自定义的类ContentPagerAdapter,让它继承FragmentStateAdapter,并实现createFragment(int position)和getItemCount()方法,示例如下:

    public class ContentPagerAdapter extends FragmentStateAdapter {
        private List<ContentFragment> datas;
    
        public ContentPagerAdapter(@NonNull FragmentActivity fragmentActivity,List<ContentFragment> datas) {
            super(fragmentActivity);
            this.datas = datas;
        }
    
        @NonNull
        @Override
        public Fragment createFragment(int position) {
            return datas.get(position);
        }
    
        @Override
        public int getItemCount() {
            return datas.size();
        }
    }

    2.5 将ViewPager2与适配器绑定

    将ViewPager2与适配器绑定后,便可实现页面滑动切换,示例如下:

    datas = new ArrayList<>();
    datas.add(new ContentFragment("页面1"));
    datas.add(new ContentFragment("页面2"));
    datas.add(new ContentFragment("页面3"));
    datas.add(new ContentFragment("页面4"));
    datas.add(new ContentFragment("页面5"));
    contentPagerAdapter = new ContentPagerAdapter(this, datas);
    viewPager2.setAdapter(contentPagerAdapter);

    2.6 垂直方向滑动切换

    ViewPager2不仅支持水平方向的滑动,还支持垂直方向的滑动,实现垂直滑动也是相当简单,在布局文件中添加android:orientation="vertical"属性即可,如下所示:

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/viewPager2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"/>

    或者在代码中调用ViewPager2的setOrientation(ViewPager2.ORIENTATION_VERTICAL)方法也可以让ViewPager2实现垂直方向的滑动。

    2.7 Fragment更新

    当Fragment集合发生变化需要更新时,使用FragmentStateAdapter进行更新也很便捷,由于ViewPager2是基于RecyclerView实现的,所以更新数据的时候可以调用notifyItemChanged(int position)、notifyItemInserted(int position)等方法进行更新。

    以上就是关于“Android中怎么使用ViewPager2实现页面滑动切换效果”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

    向AI问一下细节

    免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

    AI