Android复杂View或者不同状态View拆分的一种思路

点击跳转statusView项目地址

问题由来

我们在项目中开发界面UI的时候，肯定遇到过要根据不同的返回值类型展示相应UI的操作。如我们的网络请求，我们在无网络的时候会显示暂无数据界面，在网络数据返回异常的情况下会展示网络异常请重试的UI。

当遇到上面的需求我们通常是怎样做的呢？

我想肯定有一部分人是将网络有关的UI写在了一个layout文件中，然后在别的布局中进行引用。但是有没有人思考过这样写好不好。

好我们接下来看，如果后期需求要改变某一个页面的无数据样式，我们怎么办？难道再去写一个网络的layout，把原来引用的地方替换为我们新写的layout，这样做真的好吗？让我们来看一下，如果新的UI改动比较大，这个时候我们就可能需要对activity中的代码进行大修改，这样做明显是有问题的，先不说新增的代码怎么样，单看修改原先的代码这一项就不行，修改原先的代码逻辑可能会带来一些未知的bug。既然有这样的问题那我们该怎样做呢？

一种思路

在这我先来说一下自己的想法，我们可以将不同的view拆分出去，然后以策略的方式加载进来。具体做法：我们将上面的网络错误和无数据view都单独提出来，然后我们使用tag建立一个map集合。如下图

代码中我们先写好网络错误和无数据的View的布局和代码如下：

/**
 * 网络错误
 */
public class NetError extends BaseView<Object, NetErrorBinding> {

    public NetError(Context context, Object data, ViewGroup parent) {
        super(context, data, parent);
    }

    @Override
    public int getLayoutId() {
        return R.layout.net_error;
    }

    @Override
    protected void initView(View view, boolean isUpdate) {
        //初始化view
        if (!isUpdate) {
            mBinding.tvResponse.setText("请求失败 稍后重试");
        }
    }

    @Override
    protected void initListener(View view, boolean isUpdate) {
        if (!isUpdate) {
            view.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {//重新刷新数据，通过data中传过来的接口进行回调

                }
            });
        }
    }

    @Override
    protected void initViewConfigure(HashMap<String, Class> viewConfigure) {

    }

    @Override
    protected ConbinationBuilder combinationViewBuilder() {
        return null;
    }
}

/**
 * 暂无数据
 */
public class NoData extends BaseView<Object, NetNoDataBinding> {


    public NoData(Context context, Object data, ViewGroup parent) {
        super(context, data, parent);
    }

    @Override
    public int getLayoutId() {
        return R.layout.net_no_data;
    }

    @Override
    protected void initView(View view, boolean isUpdate) {
        if (!isUpdate) {
            mBinding.tvResponse.setText("暂无数据");
        }
    }

    @Override
    protected void initListener(View view, boolean isUpdate) {

    }

    @Override
    protected void initViewConfigure(HashMap<String, Class> viewConfigure) {

    }

    @Override
    protected ConbinationBuilder combinationViewBuilder() {
        return null;
    }
}

在这里我们的两个view都需要继承自BaseView接口，BaseView中的泛型第一个是要传入的数据类型（数据类型可以是任意类型），第二个是layout对应的databinding。初始化完我们的两个view，然后在activity中初始化我们的map集合

mTagMapView[Constant.NET_ERROR] = NetError::class.java
        mTagMapView[Constant.NET_NO_DATA] = NoData::class.java

初始化点击事件：

fun netError(v: View?) {
        //第三个参数是要传入的数据
        sv_view.setData(Constant.NET_ERROR, mTagMapView,"")
    }

    fun noData(v: View?) {
        sv_view.setData(Constant.NET_NO_DATA, mTagMapView,"")
    }

接下来让我们看看效果

在这里实现UI的切换效果还是很方便的
尤其当我们面临复杂UI的切换时，这样写的特点是第一：当有新的状态时我们不需要去修改原来的UI，而是直接新建一个Ui就可以了，从而避免了修改原先代码带来的隐患。第二：这样写也是对UI进行了划分，使单个view的操作变得简单，而不是像原先一样所有的逻辑都写在了一个页面中，不易阅读和维护。

面对上面的问题，这是我的一个解决思路，可以用在根据不同类型显示不同View的地方也可以用在复杂view的拆分上。有兴趣的可以去我的git上下载源码看看
。