Android 设计模式之MVC,从一个实例中来理解MVC

前言

已经有几天没有写过帖子了,主要前一段时间在忙公司的项目,现在闲下来想看一下其他的东西,然后从公司的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。

写的有不好的地方~~~~请多指正。

发布了16 篇原创文章 · 获赞 8 · 访问量 2万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览