简要
如何做一个多状态页面呢？大致分为网络异常页面，无内容页面，加载页面，还有成功页面。还有像网络错误重试功能，平时的话如果每个页面都去写一套是非常麻烦的，并且各种状态切换非常不方便，可能还会出错。我以前也做过一个多状态页面，现在回想起来也过去几年了，大概是经历多了，对一些知识又有了新的认知。
多状态页面
思路
我这里简单阐述一下我的实现思路，通常情况下，我们整个项目也就两种类型，一种是展示多状态页面类型，一种是固定页面类型。怎么去统一实现这种呢，那我们就想到在BaseActivity里面去封装。不同的页面通过一个标志通知BaseActivity是否需要绑定多状态页面。
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
View bindLayout = bindLayout();
if (bindState()) {
stateLayout = new MultiStateLayout(this);
ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(-1, -1);
bindLayout.setVisibility(View.GONE);
stateLayout.addView(bindLayout, 0, params);
setContentView(stateLayout);
} else {
setContentView(bindLayout);
}
}
protected boolean bindState() {
return false;
}
protected abstract View bindLayout();
说明：
1、如果具体页面需要多状态页面，重写bindState()并返回true，这样在oncreate里面就会把自己本身的布局加到多状态布局中。
2、 bindLayout()的是具体的布局
多状态
我在多状态页面分了网络异常（包含无网络）、无数据、loading页面。我只是大致分了一下。重要是看一下思路，然后根据项目去定制符合项目的多状态页面。代码很简单，整个我就放下面了。具具体使用一定要修改，如下：
public class MultiStateLayout extends ConstraintLayout {
public static final int STATE_LOADING = 1;
public static final int STATE_NET_ERROR = 2;
public static final int STATE_NO_DATA = 3;
public static final int STATE_SUCCESS = 4;
@IntDef({STATE_LOADING, STATE_NET_ERROR,
STATE_NO_DATA, STATE_SUCCESS})
@Retention(RetentionPolicy.SOURCE)
public @interface State {
}
private int curState = STATE_LOADING;
private final MultiStateLayoutBinding binding;
public MultiStateLayout(@NonNull Context context) {
super(context);
binding = MultiStateLayoutBinding.inflate(LayoutInflater.from(context), this, true);
binding.btnReload.setOnClickListener(v -> {
if (context instanceof BaseActivity) {
bindState(STATE_LOADING);
((BaseActivity) context).reload();
}
});
}
public int getState() {
return this.curState;
}
public void bindState(@State int state) {
if (state == curState) {
return;
}
this.curState = state;
//加载中的
binding.pbLoading.setVisibility(this.curState == STATE_LOADING ? VISIBLE : GONE);
binding.tvLoadingMsg.setVisibility(this.curState == STATE_LOADING ? VISIBLE : GONE);
//网络错误
binding.ivNetError.setVisibility(this.curState == STATE_NET_ERROR ? VISIBLE : GONE);
binding.tvNetErrorMsg.setVisibility(this.curState == STATE_NET_ERROR ? VISIBLE : GONE);
binding.btnReload.setVisibility(this.curState == STATE_NET_ERROR ? VISIBLE : GONE);
//无数据
binding.ivNoData.setVisibility(this.curState == STATE_NO_DATA ? VISIBLE : GONE);
binding.tvNoDataMsg.setVisibility(this.curState == STATE_NO_DATA ? VISIBLE : GONE);
//无数据
binding.ivNoData.setVisibility(this.curState == STATE_NO_DATA ? VISIBLE : GONE);
binding.tvNoDataMsg.setVisibility(this.curState == STATE_NO_DATA ? VISIBLE : GONE);
//成功
View successView = getChildAt(0);
if (successView != null) {
successView.setVisibility(this.curState == STATE_SUCCESS ? VISIBLE : GONE);
}
}
}
其他
比如如果想要增加其他状态，可以在MultiStateLayout中操作，还有各种状态对应自己项目中对应的状态类型，目前只是提示思路，还有具体状态的图片切换和文本描述，使用的使用可以抽取出来，通过方法的调用去实现。还有BaseFragment的实现，还有一些dialog的实现均可以采用这种方式，相当于对项目做了解耦。
总结
这里做一下总结，其中有两部分组成，第一部分是内部的组成关系，组成关系中最主要的是几个位运算和几个参数的意义。第二部分是值的来源和决定因素，onMeasure（）方法中值由父类传递过来，其值是根据父类的mode和自身的LayoutParams决定。如果还感觉很模糊，不妨自己去写个例子去验证一下，这样可以加深印象，最重要的还是要理解。
网友评论