UILoader——应用的不同状态封装

在应用的开发中,我们会根据应用的不同状态去显示不同的界面,尤其是跟网络有关的应用开发,就比如我最近应用开发中遇到的状态有:加载中、加载成功、加载失败、无网络、未登录、加载的数据为空等,当然还有一些我没考虑的情况,通常来讲,作为一个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);
    }

}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值