Android架構之路--三步實現MVP架構(基礎篇-下)

已授權開發者技術前線原創發布。
在寫文章前,先祝大家,元旦快樂,在新的一年2018年,還沒找到另一半的兄弟們,都能找到對象。我們是一群面向對象編程的猿猿,沒有對象怎么行。哈哈,扯遠了,回到正題。

在上一篇我已經介紹了什么是MVP,還有對Google官方的示例進行講解,還有不懂得,可以看Android架構之路--三步實現MVP架構(基礎篇-上)。現在我將帶領大家一起架構MVP。

1.MVP項目分包

對于項目分包,有的人喜歡根據功能分包,也有人喜歡根據組件或者模塊進行分包。分包原則:使得項目結構清晰,功能明確,便于查詢與后期維護。具體看個人愛好,沒有嚴格規定,大家先看一張我分包后的項目結構:


1-1 項目結構

項目結構:

1、base:存放一些我們封裝的基類。
2、contract:存放契約類。
3、database:存放一些手機數據sqlite數據。
4、event:存放一些消息事件,我使用的是開源eventBus3.0。
5、http:就是你封裝的網絡框架。
6、listener:存放一些自己定義的監聽。
7、model:里面又分兩個包,bean(存放實體類)、impl(存放model實現類)。
8、presenter:就是MVP中的P,俗稱媒介。
9、ui:MVP中的V,我把adapter(適配器)和widget(自定義View)也放在這個包。
10、utils:存放一些開發中的工具類。
這樣看起來是不是項目結構清晰許多了,那現在我們就挽起袖子,就是擼代碼。

2、擼代碼

在進行擼代碼前,我們先進行對一些公用的方法進行抽離,封裝代碼。

2.1、base類抽離

/**
 * @author Ljh on 2018/01/01
 */

public interface BaseView {

    /**
     * 顯示加載彈窗
     */
    void showLoading();

    /**
     * 隱藏加載彈窗
     */
    void hideLoading();

    /**
     * 顯示錯誤
     */
    void showError();

    /**
     * 顯示空布局
     */
    void showEmptyView();

}

我們先對view進行抽離封裝,可以看見它具備view的一些基本功能,以后繼承它就可以。

/**
 * @author Ljh on 2018/01/01
 */

public interface BaseModel {
}

暫時BaseModel是空,關鍵的presenter來了,上一篇我們遺留的一個問題,現在在這里就要把它解決掉。

/**
 * @author Ljh on 2018/01/01
 */

public abstract class BasePresenter<T> {

    /**
     * View接口類型的弱引用
     */
    private Reference<T> mViewRef;


    /**
     * 綁定視圖
     * @param mView 視圖
     */
    public void attachView(T mView) {

        mViewRef = new WeakReference<>(mView);

    }

    protected T getView() {
        if(isViewAttached()){
            return mViewRef.get();
        }else {
            return null;
        }

    }

    private boolean isViewAttached() {
        return mViewRef != null && mViewRef.get() != null;
    }

    /**
     * 解綁視圖
     */
    public void detachView() {

        if (mViewRef != null) {
            mViewRef.clear();
            mViewRef = null;
        }
    }

}

我們在這里使用弱引用,對處理內存泄漏起到很好作用,我又封裝了一個detachView的方法,當視圖消失的時候,調用這個方法,可以進行解綁。

/**
 * @author Ljh on 2018/01/01
 */

public abstract class BaseActivity<V, T extends BasePresenter<V>> extends SupportActivity {

    protected T mPresenter;


    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(setLayoutId());

        mPresenter = createPresenter();

        if (mPresenter != null) {
            mPresenter.attachView((V) this);
        }

        initView();

        initData();

    }

    @Override
    protected void onDestroy() {
        super.onDestroy();

        if (mPresenter != null) {
            mPresenter.detachView();
        }

    }

    /**
     * 設置資源ID
     *
     * @return layoutID
     */
    protected abstract int setLayoutId();

    /**
     * 初始化控件
     */
    protected abstract void initView();

    /**
     * 初始化數據
     */
    protected abstract void initData();

    /**
     * 創建Presenter
     *
     * @return Presenter
     */
    protected abstract T createPresenter();
}
/**
 * @author Ljh on 2018/01/01
 */

public abstract class BaseFragment<V, T extends BasePresenter<V>> extends SupportFragment {

    protected T mPresenter;

    protected View mRootView;

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        mPresenter = createPresenter();
        if (mPresenter != null) {
            mPresenter.attachView((V) this);
        }
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        mRootView = inflater.inflate(setLayoutId(), container, false);


        initView();

        initData();

        return mRootView;
    }


    @Override
    public void onDestroyView() {
        super.onDestroyView();

        //關閉軟鍵盤
        hideSoftInput();
        if (mPresenter != null) {
            mPresenter.detachView();
        }

    }

    /**
     * 設置資源ID
     *
     * @return layoutID
     */
    protected abstract int setLayoutId();

    /**
     * 初始化控件
     */
    protected abstract void initView();


    /**
     * 初始化數據
     */
    protected abstract void initData();


    /**
     * 注冊EventBus
     */
    protected void register() {
        EventBus.getDefault().register(this);
    }


    /**
     * 注銷EventBus
     */
    protected void unRegister() {
        EventBus.getDefault().unregister(this);
    }

    /**
     * 創建Presenter
     *
     * @return Presenter
     */
    protected abstract T createPresenter();

}

上面兩個基類分別對Activity和Fragment進行封裝,上面封裝的BasePresenter進行綁定和解綁,我們可以直接放在這邊進行,就不用每個Activity(或Fragment)都進行綁定與解綁。在這里推薦一個大佬開源的框架Fragmentation,挺不錯,大家可以去學習一下。

2.2、Contract契約類實現

public interface MainContract {

    interface IMainView extends BaseView {

        /**
         * 顯示Banner
         *
         * @param list  Banner集合
         * @param count 個數
         */
        void showBanner(List<Banner> list, int count);

        /**
         * 顯示列表數據
         * @param list 列表數據集合
         */
        void showData(List<String> list);
    }


    abstract class AbstractHomePresenter extends BasePresenter<IMainView> {

        /**
         * 請求Banner
         */
        public abstract void requestBanner();

        /**
         * 請求列表信息
         */
        public abstract void requestData();
    }
}

2.3、Model的實現

/**
 * @author Ljh on 2018/01/01
 */

public interface IMainModel {

    /**
     * 請求Banner
     *
     * @param mContext 上下文對象
     * @param listener 請求回調監聽
     */
    void loadBanner(Context mContext, DataRequestListener<List<Banner>> listener);

    /**
     * 請求數據
     * @param mContext 上下文對象
     * @param listener 請求回調監聽
     */
    void loadMessage(Context mContext, DataRequestListener<List<String>> listener);

}

我們定義了Model的接口方法,接下來我們來實現Model的具體實現類

/**
 * @author Ljh on 2018/01/01
 */

public class MainModelImpl implements IMainModel {

    private List<Banner> mBannerList;
    private List<String> mDataList;

    private DataRequestListener<List<Banner>> mListener1;
    private DataRequestListener<List<String>> mListener2;

    @Override
    public void loadBanner(Context mContext, DataRequestListener<List<Banner>> mListener) {

        this.mListener1 = mListener;

        if (mBannerList == null) {
            mBannerList = new ArrayList<>();
        }

        //添加模擬數據
        Banner banner;
        for (int i = 0; i < 6; i++) {

            banner = new Banner();
            banner.setImgUrl("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1514749322812&di=97929afb9de2f93bce92cbe953686edd&imgtype=0&src=http%3A%2F%2Ftupian.enterdesk.com%2Fuploadfile%2F2015%2F0423%2F20150423103831704.jpg");
            mBannerList.add(banner);
        }
        
        //回調給presenter
        mListener1.onSuccess(mBannerList);


    }


    @Override
    public void loadData(Context mContext, DataRequestListener<List<String>> mListener) {

        mListener2 = mListener;

        if (mDataList == null) {
            mDataList = new ArrayList<>();
        }

        //這邊使用模擬數據,后面大家改成網絡請求的數據
        mDataList.add("數據1");
        mDataList.add("數據2");
        mDataList.add("數據3");
        mDataList.add("數據4");
        mDataList.add("數據5");
        mDataList.add("數據6");

        //回調給presenter
        mListener2.onSuccess(mDataList);

    }

}

這邊有一個實體類Banner

/**
 * @author by Ljh on 2018/01/01.
 *         廣告banner信息
 */

public class Banner {

    /**
     *廣告圖片地址
     */
    private String imgUrl;
    /**
     * banner標題
     */
    private String title;

    public Banner() {
    }

    public Banner(String imgUrl, String title) {
        this.imgUrl = imgUrl;
        this.title = title;
    }

    public String getImgUrl() {
        return imgUrl;
    }

    public void setImgUrl(String imgUrl) {
        this.imgUrl = imgUrl;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }
}

2.4、Presenter實現


/**
 * @author Ljh on 2018/01/01
 */

public class MainPresenter extends MainContract.AbstractMianPresenter {


    private Context mContext;

    private IMainModel mModel = new MainModelImpl();

    public MainPresenter(Context mContext) {

        this.mContext = mContext;
    }


    @Override
    public void requestBanner() {

        final MainContract.IMainView mView = getView();

        if (mView == null) {
            return;
        }

        if (mModel != null) {

            mModel.loadBanner(mContext, new DataRequestListener<List<Banner>>() {
                @Override
                public void onSuccess(List<Banner> data) {

                    //是否有數據
                    if (data.size() > 0) {

                        mView.showBanner(data, data.size());
                    } else {

                        mView.showEmptyView();
                    }
                }

                @Override
                public void onFail() {

                }
            });

        }
    }


    @Override
    public void requestData() {
        final MainContract.IMainView mView = getView();

        if (mView == null) {
            return;
        }

        if (mModel != null) {

            mModel.loadData(mContext, new DataRequestListener<List<String>>() {
                @Override
                public void onSuccess(List<String> data) {

                    //是否有數據
                    if (data.size() > 0) {

                        mView.showData(data);
                    } else {

                        mView.showEmptyView();
                    }

                }

                @Override
                public void onFail() {

                }
            });
        }

    }

}

2.5、View實現

先看布局,就兩個控件,一個是第三方輪播控件BGABanner和RecyclerView,布局如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#F4F4F4">

    <cn.bingoogolapple.bgabanner.BGABanner
        android:id="@+id/banner_Alpha"
        style="@style/BannerDefaultStyle"
        app:banner_indicatorGravity="bottom|center_horizontal"
        app:banner_placeholderDrawable="@drawable/img_empty"
        app:banner_transitionEffect="alpha"/>

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

在看具體activity是怎么調用presenter:

/**
 * @author Ljh on 2018/01/01
 */

public class MainActivity extends BaseActivity<MainContract.IMainView, MainPresenter> implements MainContract.IMainView,
        BGABanner.Delegate<ImageView, String>, BGABanner.Adapter<ImageView, String> {


    private BGABanner mBanner;
    private RecyclerView mRecyclerView;

    private RequestOptions mOptions;

    private MainAdapter mAdapter;

    private List<String> mList;


    @Override
    protected int setLayoutId() {
        return R.layout.activity_main;
    }

    @Override
    protected void initView() {

        mBanner = (BGABanner) findViewById(R.id.banner_Alpha);
        mRecyclerView = (RecyclerView) findViewById(R.id.rv_Main);


        mOptions = new RequestOptions();
        mOptions.centerCrop()
                .error(R.drawable.img_empty)
                .placeholder(R.drawable.img_empty)
                .priority(Priority.HIGH)
                .dontAnimate()
                .diskCacheStrategy(DiskCacheStrategy.AUTOMATIC);

        mList = new ArrayList<>();

        //設置RecycleView樣式
        mRecyclerView.setLayoutManager(new LinearLayoutManager(getApplicationContext()));
        mRecyclerView.setHasFixedSize(true);

        mAdapter = new MainAdapter(mList);
        mAdapter.openLoadAnimation(BaseQuickAdapter.SLIDEIN_BOTTOM);
        mRecyclerView.setAdapter(mAdapter);

        mAdapter.setOnItemClickListener(new BaseQuickAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(BaseQuickAdapter adapter, View view, int position) {
                Toast.makeText(getApplicationContext(),"點擊了位置"+position,Toast.LENGTH_SHORT).show();

            }
        });

    }

    @Override
    protected void initData() {
        //請求banner
        mPresenter.requestBanner();
        //請求列表數據
        mPresenter.requestData();
    }

    @Override
    public void showBanner(List<Banner> list, int count) {

        mBanner.setAutoPlayAble(count > 1);
        mBanner.setAdapter(this);

        List<String> imgUrls = new ArrayList<>();

        for (int i = 0; i < list.size(); i++) {
            imgUrls.add(list.get(i).getImgUrl());
        }
        mBanner.setData(imgUrls, null);

    }

    @Override
    public void showData(List<String> data) {

        this.mList = data;

        mAdapter.setNewData(mList);
        mAdapter.notifyDataSetChanged();

    }


    @Override
    public void showLoading() {

    }

    @Override
    public void hideLoading() {

    }

    @Override
    public void showError() {

    }

    @Override
    public void showEmptyView() {

    }


    @Override
    protected MainPresenter createPresenter() {
        return new MainPresenter(getApplicationContext());
    }

    @Override
    public void fillBannerItem(BGABanner banner, ImageView itemView, String model, int position) {

        Glide.with(itemView.getContext())
                .load(model)
                .apply(mOptions)
                .into(itemView);

    }

    @Override
    public void onBannerItemClick(BGABanner bgaBanner, ImageView imageView, String s, int position) {
        Toast.makeText(getApplicationContext(),"點擊了"+position,Toast.LENGTH_SHORT).show();
    }
}

圖片加載我使用的glide框架,在適配方面我使用宇明大佬開源的BRVAH,可以減少70%的代碼。下面是我的適配器代碼:

/**
 * @author Ljh on 2018/01/01
 */

public class MainAdapter extends BaseQuickAdapter<String, BaseViewHolder> {


    public MainAdapter(@Nullable List<String> data) {
        super(R.layout.item_main, data);
    }

    @Override
    protected void convert(BaseViewHolder helper, String item) {

        helper.setText(R.id.tv_item, item);

    }
}

是不是很簡潔,布局就一個TextView。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="1dp"
    android:orientation="vertical"
    android:background="@android:color/white">

    <TextView
        android:id="@+id/tv_item"
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="50dp" />

</LinearLayout>

好了,MVP架構已經完成了,是不是很簡單。這個是最基礎的MVP架構,后面我也會結合Clean思想,進行重新架構。敬請期待哦~

3、總結

在這個架構,也存在在一些不足,比如:
1、在構造presenter的時候,傳進去的Context有可能會出現內存泄漏,我現在解決的方法是傳getApplicationContext()進去,它是和app一樣的生命周期。
2、在model的實現類中的DataRequestListener回調監聽,當有多個請求的時候,我這邊需要創建多個DataRequestListener,感覺不是很好,希望大佬們又好的解決方法。

元旦放假4天睡4天,明天就又要上班了,心塞。在此,你們最愛的冠希哥,祝大家2018年事業有成,愛情美滿。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,825評論 6 546
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,814評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,980評論 0 384
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 64,064評論 1 319
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,779評論 6 414
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,109評論 1 330
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,099評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,287評論 0 291
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,799評論 1 338
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,515評論 3 361
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,750評論 1 375
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,221評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,933評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,327評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,667評論 1 296
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,492評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,703評論 2 380

推薦閱讀更多精彩內容