手機直播原始碼,使用ViewPager2實現頁面滑動切換

zhibo系統開發發表於2023-02-03

手機直播原始碼,使用ViewPager2實現頁面滑動切換

1.引言

在很多應用中,我們經常會看到多個頁面之間滑動切換的場景,ViewPager2是ViewPager的升級版,本文將簡要介紹如何使用ViewPager2、FragmentStateAdapter和Fragment來實現頁面之間的滑動切換。


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="
    xmlns: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實現垂直方向的滑動。

 以上就是 手機直播原始碼,使用ViewPager2實現頁面滑動切換,更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2933890/,如需轉載,請註明出處,否則將追究法律責任。

相關文章