在应用的开发中,我们会根据应用的不同状态去显示不同的界面,尤其是跟网络有关的应用开发,就比如我最近应用开发中遇到的状态有:加载中、加载成功、加载失败、无网络、未登录、加载的数据为空等,当然还有一些我没考虑的情况,通常来讲,作为一个Android开发入行不久的人来说,通常是在一个xml布局文件里面去定义不同的状态界面,再将它的显示状态设置为GONE,然后在需要显示的时候设置为VISIABLE,这会显得整个xml布局文件杂乱不够整洁和清晰,状态的显示也容易叠加,比如这个设置了VISIABLE,另外的状态忘记设置为GONE,导致UI重叠在一起,在整个Activity中不停的设置显示状态也不够优雅,今天介绍一个UILoading(从阳光沙滩上面学习借鉴的https://www.sunofbeach.net/)就能很好的解决这个问题,我也是运用到了公司的项目中。
一、需要展示状态的布局中添加FrameLayout布局
具体布局要显示多大就看你项目中要显示多大。
二、UILoader编写
2.1 继承FrameLayout
FrameLayout布局能够显示在视图中的最上层
2.2 定义一个枚举类
目的是定义不同的页面状态,其中的NONE为默认状态
2.3 初始化加载各种状态界面
列一个获取其他界面的方法,其他类似,其中布局为自己定义的布局
2.4 成功界面的处理
一般来说,loading界面、network_error界面都是通用的,但是加载成功的界面各有不同,所以我们把它定义成抽象方法,交由子类去实现
2.5 更新界面
调用这个方法就会根据当前状态显示界面,注意界面的更新要在UI线程中处理,这里是在自定义的Application中获取handler,调用post()方法在主线程更新界面。
三、使用
找到加载状态布局的控件,创建UILoader对象,并重写获取成功界面的方法,最后把UILoader添加到布局容器中。
在createSuccessView中进行控件的初始化操作。
最后进行调用即可:
四、完整代码
public abstract class UILoader extends FrameLayout {
private UIStatus mCurrentStatus = UIStatus.NONE;
private View mLoadingView;
private View mSuccessView;
private View mNetworkErrorView;
private View mEmptyView;
private View mUnLoginView;
public enum UIStatus {
LOADING, SUCCESS, NETWORK_ERROR, EMPTY, UN_LOGIN, NONE
}
public UILoader(@NonNull Context context) {
this(context, null);
}
public UILoader(@NonNull Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public UILoader(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
switchUICurrentStatus();
}
public void updateStatus(UIStatus status) {
mCurrentStatus = status;
MyApplication.getHandler().post(new Runnable() {
@Override
public void run() {
switchUICurrentStatus();
}
});
}
private void switchUICurrentStatus() {
//加载中
if (mLoadingView == null) {
mLoadingView = getLoadingView();
addView(mLoadingView);
}
//根据状态设置是否可见
mLoadingView.setVisibility(mCurrentStatus == UIStatus.LOADING ? VISIBLE : GONE);
//成功
if (mSuccessView == null) {
mSuccessView = getSuccessView(this);
addView(mSuccessView);
}
//根据状态设置是否可见
mSuccessView.setVisibility(mCurrentStatus == UIStatus.SUCCESS ? VISIBLE : GONE);
//网络错误页面
if (mNetworkErrorView == null) {
mNetworkErrorView = getNetworkErrorView();
addView(mNetworkErrorView);
}
//根据状态设置是否可见
mNetworkErrorView.setVisibility(mCurrentStatus == UIStatus.NETWORK_ERROR ? VISIBLE : GONE);
//数据为空的界面
if (mEmptyView == null) {
mEmptyView = getEmptyView();
addView(mEmptyView);
}
//根据状态设置是否可见
mEmptyView.setVisibility(mCurrentStatus == UIStatus.EMPTY ? VISIBLE : GONE);
//未登录界面
if (mUnLoginView == null) {
mUnLoginView = getUnLoginView();
addView(mUnLoginView);
}
mUnLoginView.setVisibility(mCurrentStatus == UIStatus.UN_LOGIN ? VISIBLE : GONE);
}
private View getUnLoginView() {
return LayoutInflater.from(getContext()).inflate(R.layout.unlogin_view, this, false);
}
private View getEmptyView() {
return LayoutInflater.from(getContext()).inflate(R.layout.empty_view, this, false);
}
private View getNetworkErrorView() {
return LayoutInflater.from(getContext()).inflate(R.layout.net_work_error_view, this, false);
}
protected abstract View getSuccessView(ViewGroup container);
private View getLoadingView() {
return LayoutInflater.from(getContext()).inflate(R.layout.loading_view, this, false);
}
}