android 统一空白页错误页,Android 自定义View,加载错误页，空白页以及正常显示页...

r囧r小猫 2022-10-05 03:55 199阅读 0赞

1.View作用：

在我们请求后台数据时，可能会遇到一些特殊情况；比如没有网络、接口地址错误、请求回来的接口没有数据，这时候我们就需要一些指定的页面来代替正常显示的view布局。

2.效果图：

![c280aa03b98292c7bd204a8866fdc91e.png][]

效果图

3.OtherView:

public class OtherView extends LinearLayout \{

private final int KEY\_NORMAL= 0, KEY\_LOADING = 1, KEY\_EMPTY= 2, KEY\_RETRY = 3;

private int mViewType = KEY\_NORMAL;

private OtherHolder mHolder;

public OtherView(Context context) \{

super(context);

public OtherView(Context context, AttributeSet attrs) \{

super(context, attrs);

public void setHolder(OtherHolder holder)\{

mHolder = holder;

initView();

private void initView() \{

addView(mHolder.mLoadingView,0);

addView(mHolder.mEmptyView,0);

addView(mHolder.mRetryView,0);

setShowOrHide();

LinearLayout.LayoutParams ll = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH\_PARENT, ViewGroup.LayoutParams.MATCH\_PARENT);

mHolder.mLoadingView.setLayoutParams(ll);

mHolder.mEmptyView.setLayoutParams(ll);

mHolder.mRetryView.setLayoutParams(ll);

public void showLoadingView()\{

if (mViewType == KEY\_LOADING) return;

mViewType = KEY\_LOADING;

setShowOrHide();

public void showEmptyView()\{

if (mViewType == KEY\_EMPTY) return;

mViewType = KEY\_EMPTY;

setShowOrHide();

public void showRetryView()\{

if (mViewType == KEY\_RETRY) return;

mViewType = KEY\_RETRY;

setShowOrHide();

public void showContentView()\{

if (mViewType == KEY\_NORMAL) return;

mViewType = KEY\_NORMAL;

setShowOrHide();

private void setShowOrHide()\{

if (mHolder == null)\{

throw new RuntimeException("OtherView::请先设置OtherHolder");

mHolder.mLoadingView.setVisibility(mViewType == KEY\_LOADING ? VISIBLE : GONE);

mHolder.mEmptyView.setVisibility(mViewType == KEY\_EMPTY ? VISIBLE : GONE);

mHolder.mRetryView.setVisibility(mViewType == KEY\_RETRY ? VISIBLE : GONE);

3.1这个view比较简单，主要是通过一个Holder类来实现：加载错误页面、空白页、正在加载页。

3.2对外提供方法，实现具体要显示那个页面

4.抽象类 OtherHolder：

public abstract class OtherHolder \{

public View mLoadingView;

public View mEmptyView;

public View mRetryView;

public OtherHolder(Context context)\{

init(context);

private void init(Context context)\{

mEmptyView = setEmpty(context);

mRetryView = setRetry(context);

mLoadingView = setLoading(context);

public abstract View setEmpty(Context context);

public abstract View setRetry(Context context);

public abstract View setLoading(Context context);

4.1该抽象类主要是为了向OtherView提供三个布局

5.OtherViewHolder:

public class OtherViewHolder extends OtherHolder \{

private Context mContext;

private RetryBtnListener mListener;

public OtherViewHolder(Context context) \{

super(context);

mContext = context;

public void setOnListener(RetryBtnListener listener)\{

mListener = listener;

@Override

public View setEmpty(Context context) \{

return LayoutInflater.from(context).inflate(R.layout.base\_empty, null);

@Override

public View setRetry(Context context) \{

View view = LayoutInflater.from(context).inflate(R.layout.base\_retry, null);

view.findViewById(R.id.m\_retry).setOnClickListener(new View.OnClickListener() \{

@Override

public void onClick(View view) \{

if (mListener != null)\{

mListener.onListener();

\});

return view;

@Override

public View setLoading(Context context) \{

return LayoutInflater.from(context).inflate(R.layout.base\_loading, null);

public interface RetryBtnListener\{

void onListener();

5.1实现父类接口，间接为OtherView提供布局(使用者可以根据自己项目需要，更改此holder;界面点击事件自行处理)

6.使用：

![fe397e65092d678f20c26c00fd3ce0c2.png][]

mainActivity.png

public class MainActivity extends AppCompatActivity \{

@InjectView(R.id.m\_other\_view)

OtherView mOtherView;

@InjectView(R.id.m\_empty\_view)

Button mEmptyView;

@InjectView(R.id.m\_retry\_view)

Button mRetryView;

@InjectView(R.id.m\_login\_view)

Button mLoginView;

@InjectView(R.id.m\_content\_view)

Button mContentView;

private OtherViewHolder mHolder;

@Override

protected void onCreate(Bundle savedInstanceState) \{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity\_main);

ButterKnife.inject(this);

mHolder = new OtherViewHolder(MainActivity.this);

mOtherView.setHolder(mHolder);

mHolder.setOnListener(new OtherViewHolder.RetryBtnListener() \{

@Override

public void onListener() \{

mOtherView.showLoadingView();

\});

@OnClick(\{R.id.m\_empty\_view, R.id.m\_retry\_view, R.id.m\_login\_view, R.id.m\_content\_view\})

public void onClick(View view) \{

switch (view.getId()) \{

case R.id.m\_empty\_view:

mOtherView.showEmptyView();

break;

case R.id.m\_retry\_view:

mOtherView.showRetryView();

break;

case R.id.m\_login\_view:

mOtherView.showLoadingView();

break;

case R.id.m\_content\_view:

mOtherView.showContentView();

break;

6.1这里唯一要主要的一点是必须new 一个OtherHolder子类对象；并使用OtherView的setHolder()方法进行管联

mOtherView.showEmptyView(); //显示空白页

mOtherView.showRetryView(); //显示加载错误页

mOtherView.showLoadingView(); //显示正在加载页

mOtherView.showContentView(); //显示正常数据页

地址：https://github.com/zuohaoyang/OtherView

在这里我没有用到请求，用的按钮模拟请求；使用者可以根据请求时的回调来判断，具体使用哪个view

[c280aa03b98292c7bd204a8866fdc91e.png]: /images/20221005/983bbf835e77448da7f518740c899a80.png
[fe397e65092d678f20c26c00fd3ce0c2.png]: /images/20221005/fb75adde9a684adc961e3a017d2b0742.png

android 统一空白页错误页,Android 自定义View,加载错误页，空白页以及正常显示页...

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 swagger2报错空白页

相关 Word删除最后一页空白页

相关解决VUE返回上一页，上一页空白问题

相关 nginx php 200 空白页,Nginx PHP 返回200，但是空白页

相关 php-fpm 空白页,空白页：nginx php-fpm上的wordpress

相关 android 动画空白页,Android WebView显示一个空白页

相关 Word删除空白页的方法

相关 android 统一空白页错误页,Android 自定义View,加载错误页，空白页以及正常显示页...

相关十二、空白页

相关 jsp页面打开为空白页