Android - ViewPager2

1. 效果

在这里插入图片描述

1. 添加ViewPager2控件

在activity_main.xml中添加 androidx.viewpager2.widget.ViewPager2 控件, 有些版本可能提示无此控件,需要在 build.gradle中添加依赖:implementation 'androidx.viewpager2:viewpager2:1.0.0'

添加ViewPager2控件后,activity_main.xml代码如下:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>


2. MainActivity.java中添加ViewPager2

public class MainActivity extends AppCompatActivity {

    private ViewPager2 mViewPager;

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

        mViewPager = findViewById(R.id.viewpager);

        List<String> dataList = new ArrayList<>();
        dataList.add("你");
        dataList.add("好");
        dataList.add("啊");
        dataList.add("你");
        dataList.add("是");
        dataList.add("谁");
        dataList.add("啊");
        mViewPager.setAdapter(new ViewPagerAdapter(dataList));
    }
}

mViewPager.setAdapter(new ViewPagerAdapter(dataList));这行代码时,先写下来,然后用 alt + enter 快捷键提示添加 ViewPagerAdapter 类。
创建完 ViewPagerAdapter 类后,先放着,创建ViewPager中的页面



3. 创建ViewPager中的页面

在 Layout 右键,new -> Layout Resource File,创建一个xml,名字随意
在这里插入图片描述
item_pager.xml里面的代码:

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

    <TextView
        android:id="@+id/item_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textSize="30sp" />

</LinearLayout>


4. 添加ViewPagerAdapter类代码

public class ViewPagerAdapter extends RecyclerView.Adapter<ViewPagerAdapter.ViewPagerHolder> {

    private List<String> mDataList;
    private List<Integer> mItemColorList;

    public ViewPagerAdapter(List<String> data){
        mDataList = data;

        mItemColorList = new ArrayList<>();
        mItemColorList.add(Color.parseColor("#feeeed"));
        mItemColorList.add(Color.parseColor("#fedcbd"));
        mItemColorList.add(Color.parseColor("#817936"));
        mItemColorList.add(Color.parseColor("#b2d235"));
        mItemColorList.add(Color.parseColor("#64492b"));
        mItemColorList.add(Color.parseColor("#817936"));
        mItemColorList.add(Color.parseColor("#fffffb"));
    }

    @NonNull
    @Override
    public ViewPagerAdapter.ViewPagerHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        return new ViewPagerHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_pager, parent, false));
    }

    @Override
    public void onBindViewHolder(@NonNull ViewPagerHolder holder, int position) {
        holder.mItemTv.setText(mDataList.get(position));
        holder.mItemContainer.setBackgroundColor(mItemColorList.get(position));
    }


    @Override
    public int getItemCount() {
        return mDataList.size();
    }


    class ViewPagerHolder extends RecyclerView.ViewHolder{
        LinearLayout mItemContainer;
        TextView mItemTv;

        public ViewPagerHolder(@NonNull View itemView) {
            super(itemView);

            mItemContainer = itemView.findViewById(R.id.itme_container);
            mItemTv = itemView.findViewById(R.id.item_tv);
        }
    }
}

说明:
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述



5. 示例代码

ViewPager2示例代码



6. 参考

更多详细ViewPager2的例子,可以参考Android官方示例:Android ViewPager2 官方示例


  • 4
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Android Studio ViewPager2是一个用于在Android应用程序中实现分页视图的小部件,它可以快速轻松地创建可以滑动(水平或垂直)切换不同页面的列表。 ViewPager2也带有许多可自定义的属性,可以用来调整视图滑动的速度,设置缓存的页面数量等等。此外,ViewPager2还可以与Fragment一起使用,以在每个页面中显示特定的内容。 ### 回答2: Android Studio Viewpager2是Google在2019年推出的一个更新版本的viewpager控件,它是一种用于快速构建水平和垂直滑动页视图的组件,可以轻松在应用程序中轻松实现滑动页导航。与Viewpager相比,Viewpager2的功能更加强大,灵活性更高,且不仅具有Viewpager的所有功能,还增加了新的特性,包括: 1. 支持垂直滑动:新的Viewpager2可以支持水平和垂直滚动,这对于某些应用程序非常有用。 2. 精简代码:相对于ViewpagerViewpager2的代码更加简洁,而且更易于使用。例如:不再需要使用PagerTitleStrip和PagerTabStrip。 3. 支持diffUtil:Viewpager2支持基于RecyclerView的差异更新算法,可以减少不必要的刷新和提高性能。 4. 更好的嵌套支持:Viewpager2支持更好的嵌套支持,并可以与RecyclerView一起使用,这样可以轻松地构建复杂的界面。 总的来说,Android Studio Viewpager2是一个非常实用的控件,它具有强大的功能和灵活的布局,可以满足各种应用程序的需求,而且使用起来也比较简单,对于开发人员来说,是一种非常好的选择。 ### 回答3: ViewPager2是一个Android库,用于在应用程序中创建可滑动的页面。它是ViewPager的升级版本,提供了更好的性能和更好的API。通过使用ViewPager2,您可以轻松地创建一个滑动视图,其中包含多个页面,用户可以通过向左或向右滑动浏览页面。这个库提供了许多选项可以帮助您定制如何滚动和交互的页面。 PagerAdapter已经被抛弃了,可以使用RecyclerView来实现。使用RecyclerView意味着您可以利用它的许多优点,例如,它可以处理许多项目和大量数据,RecyclerView还具有回收器,因此当用户向左或向右滑动以查看新页面时,系统可以回收旧视图。这种方式提高了应用程序的性能并减少了内存使用。 ViewPager2提供了非常灵活的API,可以让您轻松地决定如何交互页面。例如,您可以选择是每次只显示一个页面,还是同时显示几个页面。您还可以选择如何定位新页面,例如,选择让新页面居中,所选页面的整个视图可见等。此外,ViewPager2还支持水平和垂直的滚动,这是由用于触摸滑动的RecyclerView布局管理器控制的。 在使用ViewPager2的过程中,您还可以使用TabLayout,它可以让您轻松地创建标签选项卡,每个选项卡可以选择不同的页面来进行交互。这样可以提高用户体验,让他们更容易找到他们想查看的内容。 总之,Android Studio ViewPager2是创建可滑动页面的一种方便方法,它具有非常灵活的API和许多选项,可以让您创建出色的用户体验。它使用RecyclerView来实现,因此它具有良好的性能和内存使用。如果您需要创建可滑动页面,则ViewPager2是一个非常好的选择。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值