已授權開發者技術前線原創發布。
在寫文章前,先祝大家,元旦快樂,在新的一年2018年,還沒找到另一半的兄弟們,都能找到對象。我們是一群面向對象編程的猿猿,沒有對象怎么行。哈哈,扯遠了,回到正題。
在上一篇我已經介紹了什么是MVP,還有對Google官方的示例進行講解,還有不懂得,可以看Android架構之路--三步實現MVP架構(基礎篇-上)。現在我將帶領大家一起架構MVP。
1.MVP項目分包
對于項目分包,有的人喜歡根據功能分包,也有人喜歡根據組件或者模塊進行分包。分包原則:使得項目結構清晰,功能明確,便于查詢與后期維護。具體看個人愛好,沒有嚴格規定,大家先看一張我分包后的項目結構:
項目結構:
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年事業有成,愛情美滿。