快捷導(dǎo)航

Android如何使用ViewPager2實(shí)現(xiàn)頁(yè)面滑動(dòng)切換效果

更新時(shí)間：2022年02月18日 08:59:38 作者：QiShare

這篇文章主要給大家介紹了關(guān)于Android如何使用ViewPager2實(shí)現(xiàn)頁(yè)面滑動(dòng)切換效果的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

1.引言

在很多應(yīng)用中，我們經(jīng)常會(huì)看到多個(gè)頁(yè)面之間滑動(dòng)切換的場(chǎng)景，ViewPager2是ViewPager的升級(jí)版，本文將簡(jiǎn)要介紹如何使用ViewPager2、FragmentStateAdapter和Fragment來(lái)實(shí)現(xiàn)頁(yè)面之間的滑動(dòng)切換。

2.實(shí)現(xiàn)頁(yè)面滑動(dòng)切換

2.1 引入ViewPager2庫(kù)

要使用ViewPager2，需要引入ViewPager2庫(kù)，引入方法如下：

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 構(gòu)建Fragment

本Fragment只為簡(jiǎn)單演示使用，其布局如下：

<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類的實(shí)現(xiàn)如下：

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

創(chuàng)建自定義的類ContentPagerAdapter，讓它繼承FragmentStateAdapter，并實(shí)現(xiàn)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與適配器綁定后，便可實(shí)現(xiàn)頁(yè)面滑動(dòng)切換，示例如下：

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

2.6 垂直方向滑動(dòng)切換

ViewPager2不僅支持水平方向的滑動(dòng)，還支持垂直方向的滑動(dòng)，實(shí)現(xiàn)垂直滑動(dòng)也是相當(dāng)簡(jiǎn)單，在布局文件中添加android:orientation="vertical"屬性即可，如下所示：

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

或者在代碼中調(diào)用ViewPager2的setOrientation(ViewPager2.ORIENTATION_VERTICAL)方法也可以讓ViewPager2實(shí)現(xiàn)垂直方向的滑動(dòng)。

2.7 Fragment更新

當(dāng)Fragment集合發(fā)生變化需要更新時(shí)，使用FragmentStateAdapter進(jìn)行更新也很便捷，由于ViewPager2是基于RecyclerView實(shí)現(xiàn)的，所以更新數(shù)據(jù)的時(shí)候可以調(diào)用notifyItemChanged(int position)、notifyItemInserted(int position)等方法進(jìn)行更新。

3.總結(jié)

使用ViewPager2、FragmentStateAdapter和Fragment可以便捷地實(shí)現(xiàn)頁(yè)面之間的滑動(dòng)切換，它不僅支持水平方向的滑動(dòng)，還能通過(guò)簡(jiǎn)單的設(shè)置就能實(shí)現(xiàn)垂直方向的滑動(dòng)，靈活地運(yùn)用ViewPager2能實(shí)現(xiàn)實(shí)際的需求。

到此這篇關(guān)于Android如何使用ViewPager2實(shí)現(xiàn)頁(yè)面滑動(dòng)切換效果的文章就介紹到這了,更多相關(guān)Android ViewPager2頁(yè)面滑動(dòng)切換內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: