前言
已经有几天没有写过帖子了,主要前一段时间在忙公司的项目,现在闲下来想看一下其他的东西,然后从公司的iOS大神那里了解到了苹果的设计模式是MVC,于是想着自己也来写一下Android这边的MVC。然后这里我就不多扯皮了,Mhahahahha…
名言
对于攀登者来说,失掉往昔的足迹并不可惜,迷失了继续前时的方向却很危险。
MVC的介绍
MVC是Model-View-Controller的简称
Model:模型层,负责处理数据的加载或者存储
View:视图层,负责界面数据的展示,与用户进行交互
Controller:控制器层,负责逻辑业务的处理
那我们为什么要用到MVC模式呢?
1、耦合性低。降低了代码的耦合性,利用MVC框架使得View(视图)层和Model(模型)层可以很好的分离,这样就达到了解耦的目的,所以耦合性低,减少模块代码之间的相互影响。
2、模块区域分明,方便开发人员的维护。
接下来我们就看一个例子,从例子中来理解MVC设计模式
老规矩我们先来看看例子的效果图。
先来解释一下这个例子,我这个例子是请求网络获取新闻头条的一下标题等内容(接口我是在聚合数据上面找的免费的),然后代码中我会体现出怎么把Model和view和Controller分离开来。
首先来看看整体的项目架构。
然后来解释一下
News—>新闻的实体类
MyService—>我这里请求网络用的是Retrofit,所以这里有个请求的接口
NewsModel—>这个接口是C层和M层用来交互的
NewsModelImpl—>这个是用来Model层用来进行请求网络的处理
OnNewsListener—>这个是Model逻辑处理完成后通知View层进行改变的
第一步:首先我们来看看xml。很简单的一个布局一个输入一个按钮,几个textview
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<EditText
android:id="@+id/edit"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_margin="16dp"
android:hint="请输入新闻种类" />
<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:text="查询" />
<TextView
android:id="@+id/title"
android:layout_width="match_parent"
android:layout_height="44dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_marginTop="5dp"
android:gravity="center"
android:textSize="16sp" />
<TextView
android:id="@+id/date"
android:layout_width="match_parent"
android:layout_height="44dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_marginTop="5dp"
android:gravity="center"
android:textSize="16sp" />
<TextView
android:id="@+id/category"
android:layout_width="match_parent"
android:layout_height="44dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_marginTop="5dp"
android:gravity="center"
android:textSize="16sp" />
<TextView
android:id="@+id/author_name"
android:layout_width="match_parent"
android:layout_height="44dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_marginTop="5dp"
android:gravity="center"
android:textSize="16sp" />
</LinearLayout>
第二步:我们说了我们要把model和view分开,但是需要联系,model处理完成了以后需要告诉view层我做完了请你展示。所以他们直接是要用联系的那就是OnNewsListener
public interface OnNewsListener {
void onSuccess(News news);
void onError();
}
这个接口里面只给了见单的2个操作成功失败。
第三步: 我们知道用户通过Controller告诉model应该干什么说以,他们之间的联系就是NewsModel
public interface NewsModel {
void getWeather(String name, OnNewsListener mlistener);
}
第四步: 就是我们的逻辑处理NewsModelImpl进行网络请求
public class NewsModelImpl implements NewsModel {
private final String baseUrl = "http://v.juhe.cn";
private final String key = "这个地方就写你在聚合数据上面申请的今日头条的KEY";
@Override
public void getWeather(String name, final OnNewsListener mlistener) {
OkHttpClient.Builder client = new OkHttpClient.Builder();
Retrofit retrofit = new Retrofit.Builder()
.client(client.build())
.baseUrl(baseUrl)
.addConverterFactory(GsonConverterFactory.create())
.build();
MyService service = retrofit.create(MyService.class);
service.getNews(key,name).enqueue(new Callback<News>() {
@Override
public void onResponse(Call<News> call, Response<News> response) {
News news = response.body();
if (news.getReason().equals("成功的返回")) {
Log.e("news", "成功");
mlistener.onSuccess(news);
} else {
Log.e("news", "失败");
mlistener.onError();
}
}
@Override
public void onFailure(Call<News> call, Throwable t) {
t.getStackTrace();
mlistener.onError();
}
});
}
}
请求成功我们就通过OnNewsListener告诉view可以开始变了
第五步: 我们看看MainActivity
public class MainActivity extends AppCompatActivity implements OnNewsListener, View.OnClickListener {
private EditText editText = null;
private Button button = null;
private TextView title, date, category, author_name = null;
private NewsModelImpl weatherModel = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
weatherModel = new NewsModelImpl();
initView();
}
public void initView() {
editText = (EditText) findViewById(R.id.edit);
button = (Button) findViewById(R.id.button);
title = (TextView) findViewById(R.id.title);
date = (TextView) findViewById(R.id.date);
category = (TextView) findViewById(R.id.category);
author_name = (TextView) findViewById(R.id.author_name);
button.setOnClickListener(this);
}
//设置数据
public void setView(News news) {
title.setText(news.getResult().getData().get(1).getTitle());
date.setText(news.getResult().getData().get(1).getDate());
category.setText(news.getResult().getData().get(1).getCategory());
author_name.setText(news.getResult().getData().get(1).getAuthor_name());
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.button:
String name = editText.getText().toString();
if (!name.equals("")) {
weatherModel.getWeather(name, this);
} else {
Toast.makeText(this, "输入的新闻标题不能为空", Toast.LENGTH_SHORT).show();
}
break;
}
}
@Override
public void onSuccess(News news) {
setView(news);
}
@Override
public void onError() {
Toast.makeText(this, "出错了哦!", Toast.LENGTH_SHORT).show();
}
}
这样就大功告成了!
然后看到这突然发现activity不仅仅座位了view层,还作为了Controller,其实做过电商类的都应该知道按照道理来说我们这个地方应该把Controller单独的提出来写,因为在Android中如果用xml作为view层的话,显得就有些苍白无力,所以activity作为了view层。但在iOS中就不会存在这个问题,所以我个人觉得MVP的模式更加适合Android。
写的有不好的地方~~~~请多指正。