Android MVC框架模式 _mvc框架

书史足自悦，安用勤与劬。这篇文章主要讲述Android MVC框架模式相关的知识，希望能为你提供帮助。
MCV model view controller 模型-视图-控制写

文章图片

M层：适合做一些业务逻辑处理，比如数据库存取操作，网络操作，复杂的算法，耗时的任务等都在model层处理。
V层：应用层中处理数据显示的部分，XML布局可以视为V层，显示Model层的数据结果。
C层：在android中，Activity处理用户交互问题，因此可以认为Activity是控制器，Activity读取V视图层的数据（eg.读取当前EditText控件的数据），控制用户输入（eg.EditText控件数据的输入），并向Model发送数据请求（eg.发起网络请求等）。

首先来看一下MVC模式的例子，调用网络接口————藏头诗生成接口

文章图片

文章图片

xml布局如下：

文章图片

1xmlns:tools="http://schemas.android.com/tools" 2android:id="@+id/activity_main" 3android:layout_width="match_parent" 4android:layout_height="match_parent" 5android:orientation="vertical" 6tools:context="com.example.lesson_mvc_cangtoushi.ui.MainActivity"> 7 8< RadioGroup 9android:id="@+id/rg_57" 10android:layout_width="match_parent" 11android:layout_height="wrap_content" 12android:orientation="horizontal"> 13 14< RadioButton 15android:id="@+id/rb_5" 16android:layout_width="0dp" 17android:layout_height="wrap_content" 18android:layout_weight="1" 19android:gravity="center" 20android:text="五言诗" /> 21 22< RadioButton 23android:id="@+id/rb_7" 24android:layout_width="0dp" 25android:layout_height="wrap_content" 26android:layout_weight="1" 27android:gravity="center" 28android:text="七言诗" /> 29< /RadioGroup> 30 31< RadioGroup 32android:id="@+id/rg_ct" 33android:layout_width="match_parent" 34android:layout_height="wrap_content" 35android:orientation="horizontal"> 36 37< RadioButton 38android:id="@+id/rb_ct" 39android:layout_width="0dp" 40android:layout_height="wrap_content" 41android:layout_weight="1" 42android:gravity="center" 43android:text="藏头" /> 44 45< RadioButton 46android:id="@+id/rb_cw" 47android:layout_width="0dp" 48android:layout_height="wrap_content" 49android:layout_weight="1" 50android:gravity="center" 51android:text="藏尾" /> 52 53< RadioButton 54android:id="@+id/rb_cz" 55android:layout_width="0dp" 56android:layout_height="wrap_content" 57android:layout_weight="1" 58android:gravity="center" 59android:text="藏中" /> 60 61< RadioButton 62android:id="@+id/rb_dz" 63android:layout_width="0dp" 64android:layout_height="wrap_content" 65android:layout_weight="1" 66android:gravity="center" 67android:text="递增" /> 68 69< RadioButton 70android:id="@+id/rb_dj" 71android:layout_width="0dp" 72android:layout_height="wrap_content" 73android:layout_weight="1" 74android:gravity="center" 75android:text="递减"/> 76 77< /RadioGroup> 78 79< RadioGroup 80android:id="@+id/rg_yy" 81android:layout_width="match_parent" 82android:layout_height="wrap_content" 83android:orientation="horizontal"> 84 85< RadioButton 86android:id="@+id/rb_1y" 87android:layout_width="0dp" 88android:layout_height="wrap_content" 89android:layout_weight="1" 90android:gravity="center" 91android:text="双句一押" /> 92 93< RadioButton 94android:id="@+id/rb_2y" 95android:layout_width="0dp" 96android:layout_height="wrap_content" 97android:layout_weight="1" 98android:gravity="center" 99android:text="双句押韵" /> 100 101< RadioButton 102android:id="@+id/rb_3y" 103android:layout_width="0dp" 104android:layout_height="wrap_content" 105android:layout_weight="1" 106android:gravity="center" 107android:text="一三四押" /> 108< /RadioGroup> 109< EditText 110android:id="@+id/et_key" 111android:layout_width="match_parent" 112android:layout_height="wrap_content" 113android:hint="请输入藏头诗"/> 114< Button 115android:id="@+id/btn_submit" 116android:layout_width="match_parent" 117android:layout_height="wrap_content" 118android:text="提交"/> 119 120< ScrollView 121android:layout_width="match_parent" 122android:layout_height="match_parent"> 123< TextView 124android:id="@+id/tv_show" 125android:layout_width="match_parent" 126android:layout_height="match_parent" /> 127< /ScrollView> 128 129 130 131 < /LinearLayout>

activity_main.xmljava代码目录结构：

文章图片

首先需要一个bean，藏头诗对象原型

文章图片

1 public class CangTouShiBean { 2 3 4/** 5* showapi_res_code : 0 6* showapi_res_error : 7* showapi_res_body : {"ret_code":0,"list":["北风勇士马，晚水独芙蓉。吾将宝非宝，英雄徒自强。","朝骑五花马，太华三芙蓉。吾将宝非宝，天子贵文强。","请歌牵白马，菡萏金芙蓉。大位天下宝，自从冒顿强。","青丝系五马，秀出九芙蓉。迈德惟家宝，日来知自强。","北买党项马，美女夸芙蓉。河宗来献宝，十年思自强。","青丝系五马，大嫂采芙蓉。药妙灵仙宝，不独有文强。"]} 8*/ 9 10private int showapi_res_code; 11private String showapi_res_error; 12private ShowapiResBodyBean showapi_res_body; 13 14 15@Override 16public String toString() { 17return "CangTouShiBean{" + 18"showapi_res_code=" + showapi_res_code + 19", showapi_res_error=\'" + showapi_res_error + \'\\\'\' + 20", showapi_res_body=" + showapi_res_body + 21\'}\'; 22} 23 24public int getShowapi_res_code() { 25return showapi_res_code; 26} 27 28public void setShowapi_res_code(int showapi_res_code) { 29this.showapi_res_code = showapi_res_code; 30} 31 32public String getShowapi_res_error() { 33return showapi_res_error; 34} 35 36public void setShowapi_res_error(String showapi_res_error) { 37this.showapi_res_error = showapi_res_error; 38} 39 40public ShowapiResBodyBean getShowapi_res_body() { 41return showapi_res_body; 42} 43 44public void setShowapi_res_body(ShowapiResBodyBean showapi_res_body) { 45this.showapi_res_body = showapi_res_body; 46} 47 48public static class ShowapiResBodyBean { 49/** 50* ret_code : 0 51* list : ["北风勇士马，晚水独芙蓉。吾将宝非宝，英雄徒自强。","朝骑五花马，太华三芙蓉。吾将宝非宝，天子贵文强。","请歌牵白马，菡萏金芙蓉。大位天下宝，自从冒顿强。","青丝系五马，秀出九芙蓉。迈德惟家宝，日来知自强。","北买党项马，美女夸芙蓉。河宗来献宝，十年思自强。","青丝系五马，大嫂采芙蓉。药妙灵仙宝，不独有文强。"] 52*/ 53 54private int ret_code; 55private List< String> list; 56 57 58@Override 59public String toString() { 60return "ShowapiResBodyBean{" + 61"ret_code=" + ret_code + 62", list=" + list + 63\'}\'; 64} 65 66public int getRet_code() { 67return ret_code; 68} 69 70public void setRet_code(int ret_code) { 71this.ret_code = ret_code; 72} 73 74public List< String> getList() { 75return list; 76} 77 78public void setList(List< String> list) { 79this.list = list; 80} 81} 82 }

CangTouShiBean.java 其次实藏头诗的接口，根据藏头诗的类型参数，请求数据，使用回调接口返回数据

文章图片

1 public interface BeanCallback< T> { 2 3void onError(String msg); 4void onSuccess(T t); 5 }

BeanCallback.java

文章图片

1 public interface ICangTouShi { 2//请求数据,需要有变化的参数 3void doRequest(String num, String type, String yayuntype, String key,BeanCallback< CangTouShiBean> callback); 4 5 }

ICangTouShi.java藏头诗的model实现藏头诗的接口，并实现请求数据的方法

文章图片

1 public class CangTouShiModel implements ICangTouShi{ 2@Override 3public void doRequest(String num, String type, String yayuntype, String key, final BeanCallback< CangTouShiBean> callback) { 4 5//请求数据 6//使用OkHttp 7 8OkHttpClient client = new OkHttpClient(); 9 10RequestBody body = new FormBody.Builder() 11.add("showapi_appid","27306") 12.add("showapi_sign","150e9206e7f542bab4affe49d73cb920") 13.add("num",num) 14.add("type",type) 15.add("yayuntype",yayuntype) 16.add("key",key).build(); 17 18Request request = new Request.Builder() 19.post(body) 20.url("http://route.showapi.com/950-1").build(); 21Call call = client.newCall(request); 22//异步请求，子线程 23call.enqueue(new Callback() { 24@Override 25public void onFailure(Call call, IOException e) { 26Log.e("TAG","-----------"+e.getMessage()); 27callback.onError(e.getMessage()); 28} 29 30@Override 31public void onResponse(Call call, Response response) throws IOException { 32String json = response.body().string(); 33Gson gson = new Gson(); 34CangTouShiBean bean = gson.fromJson(json, CangTouShiBean.class); 35callback.onSuccess(bean); 36} 37}); 38 39} 40 41 }

CangTouShiModel.javaView层即Activity中，加载视图

文章图片

1 public class MainActivity extends AppCompatActivity { 2 3//逻辑判断，UI操作 4 5RadioGroup rg_57,rg_ct,rg_yy; 6EditText et_key; 7Button btn_submit; 8TextView tv_show; 9 10@Override 11protected void onCreate(Bundle savedInstanceState) { 12super.onCreate(savedInstanceState); 13setContentView(R.layout.activity_main); 14initView(); 15registerListener(); 16} 17 18private void registerListener() { 19//逻辑控制 20//实际上就只要监听提交按钮即可，因为其他的按钮只是获取数据，不需要按下后立即更改UI 21 22btn_submit.setOnClickListener(new View.OnClickListener() { 23@Override 24public void onClick(View view) { 25String key = et_key.getText().toString(); 26if(TextUtils.isEmpty(key)){ 27Toast.makeText(MainActivity.this,"key不能为空",Toast.LENGTH_SHORT).show(); 28return; 29} 30String num = rg_57.getCheckedRadioButtonId()==R.id.rb_5?"5":"7"; 31String type = null; 32switch (rg_ct.getCheckedRadioButtonId()){ 33case R.id.rb_ct: 34type = "1"; 35break; 36case R.id.rb_cw: 37type = "2"; 38break; 39case R.id.rb_cz: 40type = "3"; 41break; 42case R.id.rb_dz: 43type = "4"; 44break; 45case R.id.rb_dj: 46type = "5"; 47break; 48} 49String yy = null; 50switch (rg_yy.getCheckedRadioButtonId()){ 51case R.id.rb_1y: 52yy="1"; 53break; 54case R.id.rb_2y: 55yy="2"; 56break; 57case R.id.rb_3y: 58yy="3"; 59break; 60} 61 62final ProgressDialog dialog = new ProgressDialog(MainActivity.this); 63dialog.setTitle("提示"); 64dialog.setMessage("开始请求"); 65dialog.show(); 66 67//请求数据 68CangTouShiModel model = new CangTouShiModel(); 69//OkHttp的异步请求，在子线程中 70model.doRequest(num, type, yy, key, new BeanCallback< CangTouShiBean> () { 71@Override 72public void onError(String msg) { 73runOnUiThread(new Runnable() { 74@Override 75public void run() { 76dialog.dismiss(); 77Toast.makeText(MainActivity.this,"msg",Toast.LENGTH_SHORT).show(); 78 79} 80}); 81} 82 83@Override 84public void onSuccess(final CangTouShiBean bean) { 85runOnUiThread(new Runnable() { 86@Override 87public void run() { 88dialog.dismiss(); 89List< String> list = bean.getShowapi_res_body().getList(); 90tv_show.setText(""); 91for (String s : list) { 92tv_show.append(s+"\\n"); 93} 94 95} 96}); 97 98} 99}); 100} 101}); 102 103} 104 105private void initView() { 106rg_57 = (RadioGroup) findViewById(R.id.rg_57); 107rg_57.check(R.id.rb_5); 108rg_ct = (RadioGroup) findViewById(R.id.rg_ct); 109rg_ct.check(R.id.rb_ct); 110rg_yy = (RadioGroup) findViewById(R.id.rg_yy); 111rg_yy.check(R.id.rb_1y); 112et_key = (EditText) findViewById(R.id.et_key); 113btn_submit = (Button) findViewById(R.id.btn_submit); 114tv_show = (TextView) findViewById(R.id.tv_show); 115 116 117} 118 119 120 }

MainActivity.java

在MVC模式中我们发现，其实控制器Activity主要是起到解耦作用，将View视图和Model模型分离，虽然Activity起到交互作用，但是找Activity中有很多关于视图UI的显示代码，因此View视图和Activity控制器并不是完全分离的，也就是说一部分View视图和Contronller控制器Activity是绑定在一个类中的。
MVC的优点：
(1)耦合性低。所谓耦合性就是模块代码之间的关联程度。利用MVC框架使得View（视图）层和Model（模型）层可以很好的分离，这样就达到了解耦的目的，所以耦合性低，减少模块代码之间的相互影响。
【Android MVC框架模式】(2)可扩展性好。由于耦合性低，添加需求，扩展代