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

1.View作用：

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

2.效果图：

效果图

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.使用：

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(); //显示正常数据页

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