快捷導(dǎo)航

Android ViewPager的MVP架構(gòu)搭建過程

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

本文主要介紹了ViewPager在Android中的作用以及使用場景,如引導(dǎo)頁、圖片瀏覽器、新聞或文章內(nèi)容的多標(biāo)簽頁等,同時(shí),還詳細(xì)闡述了如何通過MVP架構(gòu)來搭建ViewPager,將視圖和邏輯進(jìn)行解耦,提高代碼的可測試性、可復(fù)用性,使代碼結(jié)構(gòu)更清晰且易于擴(kuò)展功能

ViewPager作用和使用場景

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

常見的使用場景包括：

引導(dǎo)頁：在應(yīng)用初次啟動(dòng)時(shí)展示介紹內(nèi)容。
圖片瀏覽器：可用于相冊或產(chǎn)品圖片的滑動(dòng)預(yù)覽。
新聞或文章內(nèi)容的多標(biāo)簽頁：使用戶能夠快速在不同主題或頻道間切換。

實(shí)現(xiàn)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"};
    }
}

實(shí)現(xiàn)了ViewPager的綁定。

使用MVP架構(gòu)搭建

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

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

定義了一個(gè)方法 setupViewPager，該方法的主要作用是配置 ViewPager 的內(nèi)容。

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);
        // 初始化數(shù)據(jù)，通過Presenter獲取數(shù)據(jù)
        mPresenter.loadFragments();
    }
    @Override
    protected int getLayoutId() {
        return R.layout.home_fragment;
    }
    @Override
    public HomePresenter getPresenterInstance() {
        return new HomePresenter();
    }
    // 更新ViewPager的數(shù)據(jù)
    public void setupViewPager(List<Fragment> fragmentList, String[] titles) {
        fragmentAdapter = new FragmentAdapter(getChildFragmentManager(), getLifecycle(), titles, fragmentList);
        viewPager.setAdapter(fragmentAdapter);
    }
}

setupViewPager:：

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

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

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主要作用是提供數(shù)據(jù)，這里提供了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 負(fù)責(zé)處理 HomeFragment 的業(yè)務(wù)邏輯，尤其是加載和配置 ViewPager 中的 Fragment。

loadFragments() 方法：

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

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

解耦視圖和邏輯，便于維護(hù)

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

更好的可測試性

原版方式：由于邏輯和UI代碼混雜在一起，很難單獨(dú)測試業(yè)務(wù)邏輯，導(dǎo)致測試覆蓋率低。
MVP方式：邏輯部分集中在Presenter中，無需依賴Android UI框架即可進(jìn)行單元測試，方便編寫和執(zhí)行測試代碼，提升應(yīng)用的測試覆蓋率和質(zhì)量。

提高可復(fù)用性

原版方式：邏輯直接寫在Fragment中，難以在多個(gè)地方復(fù)用。
MVP方式：Presenter中的業(yè)務(wù)邏輯可以被多個(gè)Fragment或Activity復(fù)用，只需實(shí)現(xiàn)對應(yīng)的視圖接口即可。這樣可以提高代碼的復(fù)用率，降低開發(fā)時(shí)間。

代碼結(jié)構(gòu)更清晰