Android ViewPager的MVP架構搭建過程

更新時間：2024年10月28日 09:33:56 作者：xiaoduyyy

本文主要介紹了ViewPager在Android中的作用以及使用場景,如引導頁、圖片瀏覽器、新聞或文章內容的多標簽頁等,同時,還詳細闡述了如何通過MVP架構來搭建ViewPager,將視圖和邏輯進行解耦,提高代碼的可測試性、可復用性,使代碼結構更清晰且易于擴展功能

ViewPager作用和使用場景

ViewPager 是 Android 中的一種滑動組件，允許用戶左右滑動頁面，提供了類似翻頁的效果，通常用于實現多頁面視圖切換。它能夠支持手勢滑動，也可以通過編程來切換頁面，使得內容展示更為流暢、直觀。

常見的使用場景包括：

引導頁：在應用初次啟動時展示介紹內容。
圖片瀏覽器：可用于相冊或產品圖片的滑動預覽。
新聞或文章內容的多標簽頁：使用戶能夠快速在不同主題或頻道間切換。

實現ViewPager2

新建FragmentAdapter繼承FragmentStateAdapter：

public class FragmentAdapter extends FragmentStateAdapter {
    private String[] titles;
    private List<Fragment> fragmentList;
    public FragmentAdapter(@NonNull FragmentManager fragmentManager, @NonNull Lifecycle lifecycle, String[] titles, List<Fragment> fragmentList) {
        super(fragmentManager, lifecycle);
        this.titles = titles;
        this.fragmentList = fragmentList;
    }
    @NonNull
    @Override
    public Fragment createFragment(int position) {
        return fragmentList == null ? null : fragmentList.get(position);
    }
    @Override
    public int getItemCount() {
        return fragmentList == null ? 0:fragmentList.size();
    }
}

我們獲取了fragmentList和titles，下來簡單創(chuàng)建ViewPager2里的Fragment，HomePagerFragment：

public class HomePagerFragment extends Fragment {
    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
    }
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.home_items_fragment, container, false);
        return view;
    }
}

HomeFragment：

public class HomeFragment extends BaseFragment<HomePresenter> {
    private SwipeRefreshLayout swipeRefreshLayout;
    private Handler handler;
    private ViewPager2 viewPager;
    private List<Fragment> fragmentList;
    private FragmentAdapter fragmentAdapter;
    private String[] titles;
    @Override
    protected void initListener() {
    }
    @Override
    protected void initView(View view) {
        viewPager = view.findViewById(R.id.view_pager);
        initData();
        fragmentAdapter = new FragmentAdapter(getChildFragmentManager(), getLifecycle(), titles, fragmentList);
        viewPager.setAdapter(fragmentAdapter);
    }
    @Override
    protected int getLayoutId() {
        return R.layout.home_fragment;
    }
    @Override
    public HomePresenter getPresenterInstance() {
        return new HomePresenter();
    }
    private void initData() {
        fragmentList = new ArrayList<>();
        fragmentList.add(new HomePagerFragment());
        fragmentList.add(new HomePagerFragment());
        fragmentList.add(new HomePagerFragment());
        titles = new String[]{"1", "2", "3"};
    }
}

實現了ViewPager的綁定。

使用MVP架構搭建

新建HomeView接口，定義setupViewPager方法：

public interface HomeView {
    void setupViewPager(List<Fragment> fragmentList, String[] titles);
}

定義了一個方法 setupViewPager，該方法的主要作用是配置 ViewPager 的內容。

HomeFragment：

public class HomeFragment extends BaseFragment<HomePresenter> implements HomeView{
    private SwipeRefreshLayout swipeRefreshLayout;
    private ViewPager2 viewPager;
    private FragmentAdapter fragmentAdapter;
    private Handler handler;
    @Override
    protected void initListener() {
    }
    @Override
    protected void initView(View view) {
        viewPager = view.findViewById(R.id.view_pager);
        // 初始化數據，通過Presenter獲取數據
        mPresenter.loadFragments();
    }
    @Override
    protected int getLayoutId() {
        return R.layout.home_fragment;
    }
    @Override
    public HomePresenter getPresenterInstance() {
        return new HomePresenter();
    }
    // 更新ViewPager的數據
    public void setupViewPager(List<Fragment> fragmentList, String[] titles) {
        fragmentAdapter = new FragmentAdapter(getChildFragmentManager(), getLifecycle(), titles, fragmentList);
        viewPager.setAdapter(fragmentAdapter);
    }
}

setupViewPager:：

HomeView 接口中定義的方法，用于配置 ViewPager2：

接收 fragmentList 和 titles 兩個參數。
初始化 FragmentAdapter，通過 getChildFragmentManager() 獲取子 FragmentManager，并將 Fragment 列表、生命周期和標題傳入適配器。
將 fragmentAdapter 設置給 viewPager 以顯示內容。

HomeModel：

public class HomeModel extends BaseModel<HomePresenter> {
    public HomeModel(HomePresenter presenter) {
        super(presenter);
    }
    public List<Fragment> getFragmentList() {
        List<Fragment> fragmentList = new ArrayList<>();
        fragmentList.add(new HomePagerFragment());
        fragmentList.add(new HomePagerFragment());
        fragmentList.add(new HomePagerFragment());
        return fragmentList;
    }
    public String[] getTitles() {
        return new String[]{"Tab1", "Tab2", "Tab3"};
    }
}

HomeModel主要作用是提供數據，這里提供了fragmentList和titles。

HomePresenter：

public class HomePresenter extends BasePresenter<HomeModel, HomeFragment> {
    @Override
    public HomeModel getModelInstance() {
        return new HomeModel(this);
    }
    public void loadFragments() {
        List<Fragment> fragmentList = mModel.getFragmentList();
        String[] titles = mModel.getTitles();
        if (getmView() != null) {
            getmView().setupViewPager(fragmentList, titles);
        }
    }
}

HomePresenter 負責處理 HomeFragment 的業(yè)務邏輯，尤其是加載和配置 ViewPager 中的 Fragment。

loadFragments() 方法：

從 mModel中獲取 Fragment列表和標題。
- mModel.getFragmentList()：調用 Model 的方法，獲取要顯示的 Fragment 列表。
- mModel.getTitles()：調用 Model 的方法，獲取每個 Fragment 的標題。
使用 getmView() 方法獲取當前視圖（即 HomeFragment），并調用 setupViewPager() 方法，將 fragmentList 和 titles 傳遞給視圖，更新 ViewPager 的內容。

使用MVP搭建的優(yōu)點

解耦視圖和邏輯，便于維護

原版方式：通常在Fragment中直接初始化和管理ViewPager的數據，邏輯和視圖代碼耦合度較高，導致Fragment代碼復雜且難以維護。
MVP方式：將數據邏輯放到Presenter和Model中，Fragment只負責展示數據。這樣清晰地分離了邏輯層和視圖層，代碼更加清晰且易于維護。

更好的可測試性