Android-ViewController——轻量级 Frag

最近在做一些工作想统一 iOS 和 Android 下的开发模型和架构，界面部分打算通过 MVVM 模式和 UI 代码分块来尽可能避免巨型业务文件。

所谓 UI 代码分块其实就是希望可以尽可能的去拆分 UI 代码，把界面的一部分都变成一个一个的模块，每个模块都具有完整的一套业务代码，最后再把这些小模块组合在一起。

在 iOS 下，ViewController 是支持 ViewController 的相互嵌套，因而很容易实现，而在 Android 上也有一个大家都很熟悉的东西，那就是 Fragment。Fragment 最初的诞生，也是希望尽可能降低界面逻辑的复杂性，最大程度的实现代码重用。不过几年过去了，大家对Fragment 并不满意，复杂的逻辑、各种不可预见的 BUG，Fragment 的嵌套就更是恐怖，一系列问题让它并没有真正的流行起来。

于是我决定来实现一个简化的 Fragment，它的名字就叫做 ViewController，主要满足以下几大目标：

• 每一个 UI 模块都可以作为一个完整的页面
• 每一个 UI 模块都可以作为另外一个模块的孩子嵌套使用
• 弱化 Activity 概念，让 UI 模块作为一个页面的根节点

前两个目标都好理解，第三个是什么意思呢？

因为如果一部分代码写在 Activity 里面，而另外一部分写在 ViewController 里面，让 ViewController 嵌入 Activity，有一种很割裂的感觉，所以在我的设想里面，希望用 ViewController 来取代 Activity。也就是说一个 ViewController 既可以作为一个完整的页面，可以嵌套使用。而 Activity 存在的意义仅仅是初始化顶层 ViewController 而已。

用大白话讲就是： Activity 里面几乎不写任何代码，把代码都写到 Frgament 中，一个 Activity 就是一个巨大的 Fragment。

第一眼看来这确实是一种奇怪的代码组织方式，不过不要忘了我最开始提到的初衷，是为了统一 iOS 和 Android 的开发模型和架构。在保证了 iOS 和 Android 下都具有相同能力级别的 ViewController 后，我们就可以以 ViewController 嵌套的树状结构来管理整个 UI 模块，每个模块都搭配有自己的 ViewModel，配合以 MVVM 模式，这样就可以非常清晰而简单的来设计架构我们的业务逻辑了。这一点有一些类似于 React 中的 Component。

创建一个 ViewController

ViewController 基本上保持了和 Fragment 一致的语法和生命周期，所以用起来也不会有太大的学习难度。创建一个 ViewController 的代码如下：

package io.hytron.demo.viewController;

import io.hytron.base.ViewController;

public class MainViewController extends ViewController {
    private TextView tvName;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.vc_main, container, false);
        tvName = (TextView) view.findViewById(R.id.tvName);
        return view;
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
    }
}

可以看到一个 ViewController 的代码几乎和 Fragment 保持一致，除了继承的父类不一样而已。然后我们看看如何在 Activity 中初始化它：

package io.hytron.demo.activity;

import android.os.Bundle;

import io.hytron.demo.viewController.MainViewController;
import io.hytron.base.ViewControllerActivity;

public class MainActivity extends ViewControllerActivity {
    MainViewController mainViewController;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mainViewController = new MainViewController();
        getViewControllerManager().add(mainViewController, null, true);
        setContentView(mainViewController.getView());
    }
}

这里我们可以看到 MainActivity 继承至 ViewControllerActivity，如果了解 Fragment 的朋友一致觉得很相似，因为如果要使用 Fragment 的话，也必须让 Activity 继承于 FragmentActivity。

在 onCreate 方法中，我们初始化了 MainViewController，并且通过调用 mainViewController.getView() 把 MainViewController 中的 View 设置成了 Activity 的“画面”，从而完成了“弱化” Activity 这一目的。

其实我们可以通过 Annotation 进一步减少代码，比如如下这种方式：

@ViewController("MainViewController")
public class MainActivity extends ViewControllerActivity {

}

不过考虑到初期框架的不稳定性，还是希望暴露更多的代码出来方便调试，等未来所有的需求都能完美照顾到了之后再进一步优化这部分。

嵌套 ViewController

在用 ViewController 取代了 Activity 的地位后，我们再来看看如何实现 ViewController 的嵌套，代码如下：

package io.hytron.demo.viewController;

import io.hytron.base.ViewController;

public class MainViewController extends ViewController {
    private TopViewController vcTop;
    private TextView tvName;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.vc_main, container, false);
        vcTop = new TopViewController();
        getViewControllerManager().add(R.id.vcTopContainer, vcTop);
        tvName = (TextView) view.findViewById(R.id.tvName);
        return view;
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        vcTop = null;
    }
}

可以看到，在 onCreateView 中，我们通过

vcTop = new TopViewController();
getViewControllerManager().add(R.id.vcTopContainer, vcTop);

来实现了 ViewController 的嵌套。这一句话是什么意思呢？我们先初始化了 vcTop，然后通过 add 方法把 vcTop 添加到了一个叫做 vcTopContainer 的容器里面，layout 部分配置如下，vcTopContainer 就是一个 FrameLayout 而已。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/vcTopContainer"
        android:layout_width="match_parent"
        android:layout_height="300dp" />

    <TextView
        android:id="@+id/tvName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>

ViewController 的本质

ViewController 的本质到底是什么？我们其实最简单的可以把它理解为一个自定义控件，而 ViewController 的嵌套则是“子 ViewController”把自己的 View 交给了“父 ViewController”，并且放入了父亲提供的一个容器中。而且还有一个叫做 ViewControllerManager 的管理器在实时的把父亲中发生的生命周期变化不断的告知孩子而已。

Fragment 嵌入 Activity 中，以及 Fragment 的嵌套也只是这么一个路数，没有什么神秘之处。

具体代码可参见 https://github.com/dannnney/Android-ViewController