使用Mobsy進行MVP實戰(zhàn)

MVP介紹

  • M:Model禁炒,需要顯示的數據,以及獲取和保存數據的相關邏輯
  • V:View霍比,顯示數據的頁面或空間幕袱,并接受用戶的交互
  • P:Presenter,處于M和V中間悠瞬,是對產品交互的抽象们豌。決定M由哪個V顯示,V的動作會引起哪些數據的變化浅妆。

如下為典型的MVP工作流程

mvp-workflow.png

需要注意的點:

  1. Presenter不應該直接處理View的事件
  2. View只應向Presenter傳遞消息望迎,并接受Presenter的命令
  3. Activity和Fragment是View的一部分,一般可用于處理用戶事件
  4. Presenter和Model應該是純Java代碼凌外,而且可以獨立的運行單元測試

Mosby介紹

gradle依賴

dependencies {
    //...
    
    compile 'com.hannesdorfmann.mosby:mvp:2.0.1'
    compile 'com.hannesdorfmann.mosby:viewstate:2.0.1'
    
    //...
}

MvpView和MvpPresenter

  • MvpView是個空接口。在實際使用時摄欲,會擴展這個接口來定義一系列的View的方法
  • MvpView會依附或脫離于MvpPresenter蒿涎。庫中定義好的一些MvpView使用代理模式實現了依附和脫離的邏輯惦辛。
  • MvpPresenter通過軟引用訪問View,從而避免內存泄漏
public interface MvpView { }


public interface MvpPresenter<V extends MvpView> {

  public void attachView(V view);

  public void detachView(boolean retainInstance);
}

通過MvpLceFragment學習使用MVP

LCE就是Loading-Content-Error玻淑,代表了一個典型的移動互聯網應用的頁面补履。

  1. 顯示LoadingView箫锤,并在后臺獲取數據
  2. 如果獲取成功,顯示獲取的到數據
  3. 如果失敗谚攒,顯示一個錯誤的提示View

先看看MvpLceView

/**
 * @param <M> The type of the data displayed in this view
 */
public interface MvpLceView<M> extends MvpView {

  /**
   * Display a loading view while loading data in background.
   * <b>The loading view must have the id = R.id.loadingView</b>
   *
   * @param pullToRefresh true, if pull-to-refresh has been invoked loading.
   */
  public void showLoading(boolean pullToRefresh);

  /**
   * Show the content view.
   *
   * <b>The content view must have the id = R.id.contentView</b>
   */
  public void showContent();

  /**
   * Show the error view.
   * <b>The error view must be a TextView with the id = R.id.errorView</b>
   *
   * @param e The Throwable that has caused this error
   * @param pullToRefresh true, if the exception was thrown during pull-to-refresh, otherwise
   * false.
   */
  public void showError(Throwable e, boolean pullToRefresh);

  /**
   * The data that should be displayed with {@link #showContent()}
   */
  public void setData(M data);
}

實現MvpLceView的控件或頁面一定要包含至少3個View馏臭,他們的id分別為R.id.loadingView,R.id.contentViewR.id.errorView,因此我們使用如下的xml為Fragment布局绕沈。

庫工程中的MvpLceFragmentMvpLceActivity已經實現了MvpLceView的三個方法
showLoading乍狐,showContentshowError固逗,

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

  <!-- Loading View -->
  <ProgressBar
    android:id="@+id/loadingView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:indeterminate="true"
    />

  <!-- Content View -->
  <android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/contentView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

    </android.support.v4.widget.SwipeRefreshLayout>


    <!-- Error view -->
    <TextView
      android:id="@+id/errorView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      />

</FrameLayout>

這個頁面中將顯示一個從網絡獲取的國家列表掘鄙,先看看Presenter的代碼嗡髓。這里通過CountriesAsyncLoader獲取國家列表,并通過setData和showContent讓View顯示這些國家信息浊伙。當然還獲取前顯示Loading嚣鄙,獲取失敗后顯示Error串结。

public class CountriesPresenter extends MvpBasePresenter<CountriesView> {

  @Override
  public void loadCountries(final boolean pullToRefresh) {

    getView().showLoading(pullToRefresh);


    CountriesAsyncLoader countriesLoader = new CountriesAsyncLoader(
        new CountriesAsyncLoader.CountriesLoaderListener() {

          @Override public void onSuccess(List<Country> countries) {

            if (isViewAttached()) {
              getView().setData(countries);
              getView().showContent();
            }
          }

          @Override public void onError(Exception e) {

            if (isViewAttached()) {
              getView().showError(e, pullToRefresh);
            }
          }
        });

    countriesLoader.execute();
  }
}

最后是MvpLceFragment肌割,注意其中的createPresenter是所有的MvpView都需要實現的方法,用于創(chuàng)建和MvpView關聯的Presenter弥奸,另一個setData兩個方法是MvpLceFragment中沒有實現的方法奋早,因為只有實現的時候才知道最終的Model,已經如何顯示這個Model愤炸。

另一個要注意的是MvpLceFragment的四個范型,依次是:顯示內容的AndroidView,需要顯示的內容Model挥萌,MvpView引瀑,MvpPresenter。

public class CountriesFragment
    extends MvpLceFragment<SwipeRefreshLayout, List<Country>, CountriesView, CountriesPresenter>
    implements CountriesView, SwipeRefreshLayout.OnRefreshListener {

  @Bind(R.id.recyclerView) RecyclerView recyclerView;
  CountriesAdapter adapter;

  @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    return inflater.inflate(R.layout.countries_list, container, false);
  }

  @Override public void onViewCreated(View view, @Nullable Bundle savedInstance) {
    super.onViewCreated(view, savedInstance);

    // Setup contentView == SwipeRefreshView
    contentView.setOnRefreshListener(this);

    // Setup recycler view
    adapter = new CountriesAdapter(getActivity());
    recyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));
    recyclerView.setAdapter(adapter);
    loadData(false);
  }

  public void loadData(boolean pullToRefresh) {
    presenter.loadCountries(pullToRefresh);
  }

  @Override protected CountriesPresenter createPresenter() {
    return new SimpleCountriesPresenter();
  }

  @Override public void setData(List<Country> data) {
    adapter.setCountries(data);
    adapter.notifyDataSetChanged();
  }

  @Override public void onRefresh() {
    loadData(true);
  }
}

實戰(zhàn)——封裝一個LceListView

這部分代碼可參考代碼帜矾,只用關注mvplist包下的相關代碼即可屡萤。

這個頁面的View結構和之前的MvpLceFrgment類似死陆,并通過修改Adapter給RecycleView的末尾增加了一個LoadMoreView唧瘾。將這類業(yè)務的下拉刷新,上拉加載更多领虹,以及錯誤處理都抽象出來塌衰。實現列表時,剩下的邏輯主要包括

  1. Model:獲取的數據猾蒂,以及從數據中獲取每個列表項展示需要的數據列表
  2. Presenter:刷新和加載更多時肚菠,分別調用Model的獲取數據方法
  3. View:根據數據決定ViewHolder的類型罩缴,以及ViewHolder的實現

如何使用,可以參考mvplist.sample包的內容

基類LecListView的方案

LecListView包含了一個LoadMoreView烙荷,LoadMoreView也符合Mvp架構。

我們先看看LoadMoreView的實現戳表。

LoadMoreView

  • 沒有Model:這里的數據只包括一個狀態(tài)匾旭,因此沒有對應的Model類
  • LoadMoreView
    • 提供一個setState(int state)方法圃郊,供Presenter更新狀態(tài)
    • 加載更多失敗的情況下,點擊View會請求Presenter更改狀態(tài)到Loading
  • LoadMorePresenter
    • 通過setLoadMoreState(int state)改變View的狀況
    • 通過接口LoadMoreListener#onLoadMore通知LceListViewPresenter加載更多數據

LecListView

  • IListModel:在LceListView中色瘩,Model應實現IListModel居兆,從而提供一個在RecycleView中顯示的數據列表史辙。
```Java
public interface IListModel<M> {
    List<M> getData();
}
``` 
  • LceListView
    • 實現了MvpLceView的五個方法佩伤,和在列表底部添加數據的addData方法
    • 監(jiān)聽RecyclerView的滾動,通知Presenter改變加載更多的狀態(tài)
    • 使用LceListAdapter為RecyclerView底部增加了LoadMoreView
  • LceListPresenter實現ILceListPresenter
    • 在refreshData時耙蔑,通知LceListView顯示Loading
    • 包含一個LoadMorePresenter來實現ILoadMorePresenter的接口
    • 在LoadMoreView附著在窗口時甸陌,調用LceListPresenter#setLoadMorePresenter

參考文章

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末谤碳,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子蜒简,更是在濱河造成了極大的恐慌搓茬,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件峻村,死亡現場離奇詭異雀哨,居然都是意外死亡私爷,警方通過查閱死者的電腦和手機衬浑,發(fā)現死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進店門工秩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來进统,“玉大人,你說我怎么就攤上這事眉菱〖蠡海” “怎么了酥郭?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵惜姐,是天一觀的道長椿息。 經常有香客問我,道長宇攻,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任嘉涌,我火速辦了婚禮仑最,結果婚禮上警医,老公的妹妹穿的比我還像新娘坯钦。我一直安慰自己,他們只是感情好婉刀,可當我...
    茶點故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布突颊。 她就那樣靜靜地躺著律秃,像睡著了一般爬橡。 火紅的嫁衣襯著肌膚如雪糙申。 梳的紋絲不亂的頭發(fā)上郭宝,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天,我揣著相機與錄音卜范,去河邊找鬼。 笑死锦爵,一個胖子當著我的面吹牛,可吹牛的內容都是我干的险掀。 我是一名探鬼主播沪袭,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼樟氢!你這毒婦竟也來了冈绊?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤埠啃,失蹤者是張志新(化名)和其女友劉穎死宣,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體碴开,經...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡毅该,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了潦牛。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片眶掌。...
    茶點故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡静盅,死狀恐怖明垢,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情溯革,我是刑警寧澤,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站耍休,受9級特大地震影響,放射性物質發(fā)生泄漏园匹。R本人自食惡果不足惜本昏,卻給世界環(huán)境...
    茶點故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧矮烹,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽强戴。三九已至,卻和暖如春道媚,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工翘魄, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留但荤,地道東北人化借。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓蒜焊,卻偏偏與公主長得像鳖悠,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,941評論 2 355

推薦閱讀更多精彩內容