Android（Kotlin版本）MVC框架的实例以及代码

本文地址：https://blog.csdn.net/qq_40785165/article/details/112135944,转载需附上此地址
代码也许是枯燥的，但是创造永远能让人心血澎湃，这大概就是热情吧！
大家好，我是小黑，一个还没秃头的程序员~~~
近日较忙，但是也不能忘记了写文章的初心，就是为了记录自己一段时间内的学习以及改变，今日内容为Android开发中MVC的框架设计，由于最近在学习kotlin，所以本文章将使用kotlin作为开发语言，先来看看效果图

Demo中的功能很简单，就是个模拟登录的过程，以及登录成功后调用数据接口开发列表，由于想把MVC架构与数据请求一起写了，又想节约篇幅，所以登录模块的代码就不贴出来了，这里只展示列表的设计代码，想要其他代码的同学可以到Demo的github地址手动下载，话不多说，下面开始正文。
MVC框架由一下三个部分组成：Model|(模型层)、View(视图层)、Controller(控制层)
1.Model:负责请求接口，进行数据处理，将结果通过回调告知Controller层并进行视图更新。
2.View:视图设计，在这里一般指layout中的xml视图代码
3.Controller：控制层，通常指Activity/Fragment,持有Model对象，通过监听Model状态改变进行UI的更新
项目结构如图所示：

（一）先设计视图xml文件即View层，activity_wechat_official_account.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>

列表子项item_office_account.xml代码如下:

<?xml version="1.0" encoding="utf-8"?>

(二)、设计Activity代码，即Controller层，WeChatOfficialAccountListActivity.kt代码如下：

class WeChatOfficialAccountListActivity : AppCompatActivity(), WeChatOfficeAccountListener {    private val mList: MutableList = ArrayList()    private val weChatOfficeAccountModel by lazy {        WeChatOfficeAccountModel()    }    private val weChatOfficialAccountAdapter by lazy {        WeChatOfficialAccountAdapter(this, mList)    }    override fun onCreate(savedInstanceState: Bundle?) {        super.onCreate(savedInstanceState)        setContentView(R.layout.activity_wechat_official_account)        rv_list.layoutManager = LinearLayoutManager(this)        rv_list.adapter = weChatOfficialAccountAdapter        weChatOfficeAccountModel.loadData(this)    }    override fun onLoading() {        Toast.makeText(this, "正在加载中", Toast.LENGTH_SHORT).show()    }    override fun onLoadSuccess(list: MutableList?) {        runOnUiThread(Thread {            Toast.makeText(this, "加载成功", Toast.LENGTH_SHORT).show()            if (list != null && list.size > 0) {                mList.addAll(list)            }            weChatOfficialAccountAdapter.notifyDataSetChanged()        })    }    override fun onLoadFail(msg: String?) {        Toast.makeText(this, msg, Toast.LENGTH_SHORT).show()    }}

从代码中可以得知，Controller层持有了一个Model对象，并实现了一个接口，实现了其中的回调，通过回调进行主线程的UI更新,列表的子项适配器WeChatOfficialAccountAdapter.kt代码如下：

class WeChatOfficialAccountAdapter(var context: Context, var list: MutableList) :    RecyclerView.Adapter() {    class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {        var tvName: TextView = view.findViewById(R.id.tv_name)    }    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {        return ViewHolder(            LayoutInflater.from(parent.context).inflate(                R.layout.item_office_account,                null,                false            )        )    }    override fun getItemCount(): Int {        return list.size    }    override fun onBindViewHolder(holder: ViewHolder, position: Int) {        holder.tvName.text = list[position].name    }}

回调的接口WeChatOfficeAccountListener.kt代码如下:

interface WeChatOfficeAccountListener {    fun onLoading()    fun onLoadSuccess(list: MutableList? = null)    fun onLoadFail(msg: String? = "")}

(三)、设计Model层，实现数据处理，调用接口等操作，并通过回调通知控制层更新UI，WeChatOfficeAccountModel.kt代码如下:

class WeChatOfficeAccountModel {    private val weChatOfficeAccountApi by lazy {        WeChatOfficeAccountApi()    }    fun loadData(callback: WeChatOfficeAccountListener) {        weChatOfficeAccountApi.loadData(callback)    }}

我的Model层里并没有接口调用、数据处理等操作，那是因为我把调用接口都放到了WeChatOfficeAccountApi.kt文件中，代码如下：

class WeChatOfficeAccountApi {    private val gson by lazy {        GsonBuilder().serializeNulls().create()    }    fun loadData(callback: WeChatOfficeAccountListener) {        callback.onLoading()        //拿到OkhttpClient对象        var okHttpClient = OkHttpClient()        //构造request对象,get方式，传入接口地址        var url = Request.Builder()            .get()            .url("https://wanandroid.com/wxarticle/chapters/json")            .build()        var newCall = okHttpClient.newCall(url)        newCall.enqueue(object : Callback {            override fun onFailure(call: Call?, e: IOException?) {                callback.onLoadFail()            }            override fun onResponse(call: Call?, response: Response?) {                var string = response?.body()?.string()                Log.e("Tag", string)                var result = gson.fromJson>>(                    string,                    object : TypeToken>>() {}.type                )                Log.e("Tag", result.toString())                callback.onLoadSuccess(result.data)            }        })    }}

上述代码中，如果不喜欢这种写法的也可以直接在Model中调用接口，因人而异，调用的接口是玩Android的开放接口,使用的是okhttp网络请求框架，使用gson解析数据，需要依赖的库有：

    implementation 'com.squareup.okhttp3:okhttp:3.5.0'    implementation 'com.google.code.gson:gson:2.8.6'

需要的权限有：

好了，到此为止Android的MVC框架就搭建好了，这是我个人对MVC的了解和实践，有不同意见或者建议的可以在下方评论，我们共同进步，效果图和源代码都在开头！最后，祝大家新年快乐，岁岁欢愉！

Android（Kotlin版本）MVC框架的实例以及代码

Android（Kotlin版本）MVC框架的实例以及代码

更多相关文章

随机推荐