安卓开发中MVP模式的应用（附实例）

        随着安卓技术的发展，安卓UI界面给用户体验越来越好，头牌里面的翻拍布局，饿了么里面的浏览团购的界面等等，越发高大上，这样UI的任务越来越重，所以为了让视图View与业务数据处理更加细化，让View专注于处理界面布局和人机交互，同时让model只关注与数据处理，MVP框架（Model—View—Presenter）应用而生。

一、MVP模式一般包括以下几个模块：

（1）、Model，负责数据的处理，一般写一个Interfce，降低耦合性，然后写一个实现该接口的类负责数据的处理，在这个类中写一个回调接口，将数据返回给实现该接口的类。

（2）、View，负责绘制UI，与用户进行交互（在Android中为Activity）；

（3）、Presenter，负责逻辑处理，是View与Model之间的桥梁纽带；

               一般情况下，还有一个Bean，封装获取到的信息。

通过上面这个逻辑图看出，View与Model不直接进行数据交互，而是通过桥梁Presenter进行数据通信，所以这样大大降低了代码的耦合性，各干各的，互不干涉；View与Presenter交互式通过接口实现的，所以利于测试，程序的可扩展性大大增强。

下面结合一个获取热购团购单的android案例，进行讲解。

（1）看看案例的src目录结构

         

可以发现Presenter（ITuanPresenter接口）与View（ITuanView接口）、Model（ITuanModel接口）都是通过接口进行交互的，这样大大降低了程序的耦合性，增强了扩展性

下面一个个来看

1、bean包中，是一个团购信息TuanItem，用来封装团购信息；

package bean;public class TuanItem {private String row_num ,deal_id,sub_title,img_domain,img,origin_price,current_price,sale_count,supplier_id,supplier_name,shop_count,rate,rate_total_count;public String getRow_num() {return row_num;}public void setRow_num(String row_num) {this.row_num = row_num;}public String getDeal_id() {return deal_id;}public void setDeal_id(String deal_id) {this.deal_id = deal_id;}public String getSub_title() {return sub_title;}public void setSub_title(String sub_title) {this.sub_title = sub_title;}public String getImg_domain() {return img_domain;}public void setImg_domain(String img_domain) {this.img_domain = img_domain;}public String getImg() {return img;}public void setImg(String img) {this.img = img;}public String getOrigin_price() {return origin_price;}public void setOrigin_price(String origin_price) {this.origin_price = origin_price;}public String getCurrent_price() {return current_price;}public void setCurrent_price(String current_price) {this.current_price = current_price;}public String getSale_count() {return sale_count;}public void setSale_count(String sale_count) {this.sale_count = sale_count;}public String getSupplier_id() {return supplier_id;}public void setSupplier_id(String supplier_id) {this.supplier_id = supplier_id;}public String getSupplier_name() {return supplier_name;}public void setSupplier_name(String supplier_name) {this.supplier_name = supplier_name;}public String getShop_count() {return shop_count;}public void setShop_count(String shop_count) {this.shop_count = shop_count;}public String getRate() {return rate;}public void setRate(String rate) {this.rate = rate;}public String getRate_total_count() {return rate_total_count;}public void setRate_total_count(String rate_total_count) {this.rate_total_count = rate_total_count;}@Overridepublic String toString() {return "RichGroupItem [row_num=" + row_num + ", deal_id=" + deal_id+ ", sub_title=" + sub_title + ", img_domain=" + img_domain+ ", img=" + img + ", origin_price=" + origin_price+ ", current_price=" + current_price + ", sale_count="+ sale_count + ", supplier_id=" + supplier_id+ ", supplier_name=" + supplier_name + ", shop_count="+ shop_count + ", rate=" + rate + ", rate_total_count="+ rate_total_count + "]";}}

2、model包中，一个接口，一个实现该接口的类

接口代码

package model;public interface ITuanModel {void getTuanData();}

实现该接口类的代码，该类中，写了一个回调接口onTuanListener，用来把获取到的团购信息回调给实现该接口的类

package model;import java.util.ArrayList;import java.util.List;import org.json.JSONArray;import org.json.JSONException;import org.json.JSONObject;import android.content.Context;import bean.TuanItem;import com.android.volley.Response.Listener;import com.android.volley.toolbox.JsonObjectRequest;import com.android.volley.toolbox.Volley;public class TuanModel implements ITuanModel{private Context context;private String urlString="http://api.xiaogan88.com/deal/list";private String countString;//条数private JSONArray jsonArray;private OnTuanListener listener;public TuanModel(Context context) {super();this.context=context;}@Overridepublic void getTuanData() {getTuanJSON();}private void getTuanJSON(){Volley.newRequestQueue(context).add(new JsonObjectRequest(urlString, null, new Listener<JSONObject>() {@Overridepublic void onResponse(JSONObject jsonObject) {try {countString=jsonObject.getString("total_count");jsonArray=jsonObject.getJSONArray("data");System.out.println("json_total_count>>>>>>>>>>>>>>"+countString);System.out.println("json_data>>>>>>>>>>>>>>"+jsonArray.get(0).toString());listener.onSuccess(getTuanList(jsonArray,Integer.parseInt(countString)));} catch (JSONException e) {listener.onError();e.printStackTrace();}}},null));}private List<TuanItem> getTuanList(JSONArray jsonArray,int count){List<TuanItem> TuanList=new ArrayList<TuanItem>();//RichGroupItem集合for(int i=0;i<count;i++){try {JSONObject jsonObject=(JSONObject) jsonArray.opt(i);TuanItem richGroupItem=new TuanItem();richGroupItem.setRow_num(jsonObject.getString("row_num"));richGroupItem.setDeal_id(jsonObject.getString("deal_id"));richGroupItem.setSub_title(jsonObject.getString("sub_title"));richGroupItem.setImg_domain(jsonObject.getString("img_domain"));richGroupItem.setImg(jsonObject.getString("img"));richGroupItem.setOrigin_price(jsonObject.getString("origin_price"));richGroupItem.setCurrent_price(jsonObject.getString("current_price"));richGroupItem.setSale_count(jsonObject.getString("sale_count"));richGroupItem.setSupplier_id(jsonObject.getString("supplier_id"));richGroupItem.setSupplier_name(jsonObject.getString("supplier_name"));richGroupItem.setShop_count(jsonObject.getString("shop_count"));richGroupItem.setRate(jsonObject.getString("rate"));richGroupItem.setRate_total_count(jsonObject.getString("rate_total_count"));TuanList.add(richGroupItem);} catch (JSONException e) {// TODO 自动生成的 catch 块e.printStackTrace();}}return TuanList;}public void setOnTuanListener(OnTuanListener listener){this.listener=listener;}public interface OnTuanListener {void onSuccess(List<TuanItem> list);void onError();}}

3、View包中，接口ITuanView，实现了该接口跟用户交互的Activity类

package view;import android.widget.BaseAdapter;public interface ITuanView {void setTuanData(BaseAdapter adapter);}

实现该接口的类

package view;import presenter.ITuanPresenter;import presenter.TuanPresenter;import com.example.suoweimvpdemo.R;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.BaseAdapter;import android.widget.Button;import android.widget.GridView;public class TuanActivity extends Activity implements ITuanView{private Button loading;private GridView gridView;private ITuanPresenter iTuanPresenter;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.richgroup);loading=(Button) findViewById(R.id.load_button);gridView=(GridView) findViewById(R.id.richGroup_girdview);loading.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {iTuanPresenter=new TuanPresenter(TuanActivity.this);iTuanPresenter.loadingTuanData();}});}@Overridepublic void setTuanData(BaseAdapter adapter) {gridView.setAdapter(adapter);}}

4、Presenter包，因为要加载网络图片，用了第三方框架Image-loader,要适配数据，写了一个继承BaseAdapter的TuanAdapter。

剩余两个一个处理数据的接口ITuanPresenter，一个是实现了该接口的TuanPresenter，代码如下

Image-Loader代码：

package presenter;import java.io.File;import android.content.Context;import com.nostra13.universalimageloader.cache.disc.impl.UnlimitedDiscCache;import com.nostra13.universalimageloader.cache.memory.impl.LruMemoryCache;import com.nostra13.universalimageloader.core.DisplayImageOptions;import com.nostra13.universalimageloader.core.ImageLoader;import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;import com.nostra13.universalimageloader.core.assist.QueueProcessingType;public class ImageLoaderUtil {public static String IMAGE_CACHE_PATH = "SuoWeiAPP/imageloader/Cache";public static ImageLoader initedImageLoader(Context context) {File cacheDir = com.nostra13.universalimageloader.utils.StorageUtils.getOwnCacheDirectory(context,IMAGE_CACHE_PATH);DisplayImageOptions defaultOptions = new DisplayImageOptions.Builder().cacheInMemory(true).cacheOnDisc(true).build();ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context).defaultDisplayImageOptions(defaultOptions).memoryCache(new LruMemoryCache(12 * 1024 * 1024)).memoryCacheSize(12 * 1024 * 1024).discCacheSize(32 * 1024 * 1024).discCacheFileCount(100).discCache(new UnlimitedDiscCache(cacheDir)).threadPriority(Thread.NORM_PRIORITY - 2).tasksProcessingOrder(QueueProcessingType.LIFO).build();ImageLoader.getInstance().init(config);return ImageLoader.getInstance();}}

适配器代码：

package presenter;import java.util.List;import bean.TuanItem;import com.example.suoweimvpdemo.R;import com.nostra13.universalimageloader.core.ImageLoader;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.TextView;public class TuanAdapter extends BaseAdapter{private ImageLoader imageLoader;private List<TuanItem> list;private LayoutInflater inflater;public TuanAdapter(List<TuanItem> list,Context context){inflater=LayoutInflater.from(context);this.list=list;imageLoader=ImageLoaderUtil.initedImageLoader(context);}@Overridepublic int getCount() {// TODO 自动生成的方法存根return list.size();}@Overridepublic Object getItem(int position) {// TODO 自动生成的方法存根return list.get(position);}@Overridepublic long getItemId(int position) {// TODO 自动生成的方法存根return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {MyViewHonder viewHonder=null;if(convertView==null){viewHonder=new MyViewHonder();convertView=inflater.inflate(R.layout.richgroup_item,parent,false);viewHonder.imageView=(ImageView) convertView.findViewById(R.id.richGroup_iv_image);viewHonder.supplier_name=(TextView) convertView.findViewById(R.id.richGroup_tv_supplier_name);viewHonder.sub_name=(TextView) convertView.findViewById(R.id.richGroup_sub_title);viewHonder.origin_price=(TextView) convertView.findViewById(R.id.richGroup_tv_origin_price);viewHonder.current_price=(TextView) convertView.findViewById(R.id.richGroup_tv_current_price);convertView.setTag(viewHonder);}else {viewHonder=(MyViewHonder) convertView.getTag();}viewHonder.sub_name.setText(list.get(position).getSub_title());viewHonder.supplier_name.setText(list.get(position).getSupplier_name());viewHonder.origin_price.setText(list.get(position).getOrigin_price());viewHonder.current_price.setText(list.get(position).getCurrent_price());String imageUrl=list.get(position).getImg_domain()+"/deal/280.170/"+list.get(position).getImg();System.out.println("imageurl>>>>>>"+imageUrl);imageLoader.displayImage(imageUrl, viewHonder.imageView);return convertView;} class MyViewHonder{ImageView imageView;TextView supplier_name;TextView sub_name;TextView origin_price;TextView current_price;}}

接口代码：

package presenter;public interface ITuanPresenter {void loadingTuanData();}

实现上面接口处理逻辑的代码：

package presenter;import java.util.List;import bean.TuanItem;import android.content.Context;import model.ITuanModel;import model.TuanModel;import model.TuanModel.OnTuanListener;import view.ITuanView;public class TuanPresenter implements ITuanPresenter,OnTuanListener{private ITuanView iTuanView;private ITuanModel iTuanModel;private Context context;public TuanPresenter(Context context) {super();this.context=context;this.iTuanView=(ITuanView) context;iTuanModel=new TuanModel(context);((TuanModel) iTuanModel).setOnTuanListener(this);}@Overridepublic void onSuccess(List<TuanItem> list) {iTuanView.setTuanData(new TuanAdapter(list, context));}@Overridepublic void onError() {}@Overridepublic void loadingTuanData() {iTuanModel.getTuanData();}}

效果图

下面看看逻辑是如何处理的：

在View中的Activity中，进行用户交互，用户点击了loading按钮，执行onClick方法中的代码块

iTuanPresenter=new TuanPresenter(TuanActivity.this);iTuanPresenter.loadingTuanData();

可以看到，点击之后把业务逻辑马上交给Presenter进行处理，调用ITuanPresenter接口的loadingTuanData（）方法，而TuanPresenter类实现了该方法，所以调用了TuanPresenter类中的以下方法

@Overridepublic void loadingTuanData() {iTuanModel.getTuanData();}

这个方法中，又马上调用了ITuanModel接口的getTuanData（）方法，而TuanModel类实现了该方法，所以又调用了TuanModel类中的以下方法

@Overridepublic void getTuanData() {getTuanJSON();}

在getTuanJSON()方法中，用到网络请求框架Volley获取到团购的JSON信息，解析JSON信息后把每个TuanItem装入List集合中，然后了，大家看到了，在TuanModel中写了一个OnTuanListener接口，通过该接口把处理好的数据List回调给实现该接口的对象，再往下看，那个实现了该接口，原来还是Presenter中的TuanPresenter类

@Overridepublic void onSuccess(List<TuanItem> list) {iTuanView.setTuanData(new TuanAdapter(list, context));}@Overridepublic void onError() {}

再回调方法onSuccess中，又调用了ITuanView接口的setTuanData（）方法，实现该方法的类就是Activity，在该类中，进行了适配器设置，从而更新了Ui

@Overridepublic void setTuanData(BaseAdapter adapter) {gridView.setAdapter(adapter);}

现在大家有没有一种感觉，这个逻辑是从View走起，到Presenter，再到Model，返回来到Presenter，再到VIiew，是不是如下图指示

可以看到，View只负责Ui的更新和用户的交互，把逻辑处理扔给Presenter去做，而Presenter调用Model处理完数据后，在通过接口更新UI的信息。

哦，差点忘了，布局代码：

<?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="match_parent"    android:orientation="vertical" >    <Button        android:id="@+id/load_button"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="loading" />    <GridView        android:id="@+id/richGroup_girdview"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:fadingEdge="vertical"        android:fadingEdgeLength="10dip"        android:horizontalSpacing="5dp"        android:numColumns="2"        android:scrollbars="none"        android:stretchMode="columnWidth"        android:transcriptMode="disabled"        android:verticalSpacing="5dp" >    </GridView></LinearLayout>

GirdView适配的布局代码：

<?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_marginLeft="4dp"    android:layout_marginRight="4dp"    android:layout_marginTop="8dp"    android:orientation="vertical"    android:padding="4dp" >    <ImageView        android:id="@+id/richGroup_iv_image"        android:layout_width="match_parent"        android:layout_height="100dip"        android:layout_gravity="center|top"        android:contentDescription="@string/app_name"        android:padding="0dp"        android:scaleType="fitCenter"        android:src="@drawable/ic_launcher" />    <TextView        android:id="@+id/richGroup_tv_supplier_name"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_marginStart="2dp"        android:ellipsize="end"        android:maxLines="1"        android:paddingLeft="4dp"        android:paddingRight="4dp"        android:textIsSelectable="false"        android:textSize="18sp" />    <TextView        android:id="@+id/richGroup_sub_title"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_marginStart="2dp"        android:ellipsize="end"        android:maxLines="2"        android:paddingLeft="4dp"        android:paddingRight="4dp"        android:textIsSelectable="false"        android:textSize="14sp" />    <LinearLayout        android:layout_width="match_parent"        android:layout_height="25dp"        android:layout_gravity="bottom"        android:gravity="center_vertical"        android:padding="3dp" >        <ImageView            android:id="@+id/iv_count"            android:layout_width="18dp"            android:layout_height="18dp"            android:contentDescription="@string/app_name"            android:scaleType="centerInside" />        <TextView            android:id="@+id/richGroup_tv_current_price"            android:layout_width="50dp"            android:layout_height="15dp"            android:layout_marginStart="5dip"            android:gravity="center_vertical" />        <ImageView            android:id="@+id/richGroup_iv_comment"            android:layout_width="20dp"            android:layout_height="20dp"            android:contentDescription="@string/app_name" />        <TextView            android:id="@+id/richGroup_tv_origin_price"            android:layout_width="50dp"            android:layout_height="15dp"            android:layout_marginStart="5dip"            android:gravity="center_vertical" />    </LinearLayout></LinearLayout>

项目下载地址：MVP模式demo