本文出自 “阿敏其人” 简书博客，转载或引用请注明出处。
首先，感谢github两位同学的分享精神
XHLoadingView
LoadViewHelper
借这两位的代码，做了一个稍微提取成为了一个mudule，可直接引入代码使用。大家学习可以连接加星，为开源点赞。
一、你好，Loading
我们加载Listview等，往往需要耗时几秒，这和等待过程加上一些交互效果自然会让人感觉输入一些，常见的转圈圈自不必说，但是按照通常的想法，我们往往是加xml里面的view通过隐藏和现实来实现，这种方式实在不太方便，现在实现了一个ViewLoadHelp，直接通过构造构造方法传入待loading的View，方便快捷。
先上gif图：
通用loading展示图.gif
Paste_Image.png
在loading的时候，大概可以分为几种情况
1、正在loading
2、load的时候发现异常
这个异常不论是服务器的，还是网络，还是其他，在这里我们都归为load异常，后面我们可以根据不同的异常显示不同的提示图片和提示语
3、load后无数据
4、load完成，成功得到数据并且展示数据
根据这几种情况，我们的LoadViewHelp就可以写上对应的方法。
二、使用方式
第一步：
private LoadHelpView mLoadHelpView;
第二步，指定LoadHelpView要load替换的View
mLoadHelpView = new LoadHelpView(mTvShow);
第三步：
该怎么load，该空数据，该网络异常，你看着办
怎么显示loading
mLoadHelpView.showLoading("正在为您拼命加载");
怎么显示异常：
mLoadHelpView.showError("您的网络怎么了？", "再试一下", R.drawable.load_error,new View.OnClickListener() {
@Override
public void onClick(View v) {
testNetError();
}
});
嫌传入的东西太长？那么我们就传一个短一点的：
mLoadHelpView.showError(new View.OnClickListener() {
@Override
public void onClick(View v) {
testNetError();
}
});
去掉load页面
mLoadHelpView.dismiss();
三、代码简介
下图是我们抽取出来的依赖module
Paste_Image.png
可以看到，代码非常简单，一个主要的LoadHelpView，另外一个IReplaceViewHelper接口，然后我们根据这个接口产生了一个实现类，大家可以自己写上自己合适的实现类。
接下看一下代码：
LoadHelpView
/**
* 自定义要切换的布局，通过IVaryViewHelper实现真正的切换<br>
* 使用者可以根据自己的需求，使用自己定义的布局样式
*/
public class LoadHelpView {
private IReplaceViewHelper helper;
private AnimationDrawable animationDrawable;
public LoadHelpView(View view) {
this(new ReplaceViewHelper(view));
}
public LoadHelpView(IReplaceViewHelper helper) {
super();
this.helper = helper;
}
// 数据异常
public void showError(String errorText, String buttonText, int picResId,OnClickListener onClickListener) {
View layout = helper.inflate(R.layout.load_error);
// 设置图片
ImageView mIvShowPic = (ImageView) layout.findViewById(R.id.mIvShowPic);
mIvShowPic.setBackgroundResource(picResId);
// 设置提示文字
TextView mTvTip = (TextView) layout.findViewById(R.id.mTvTip);
mTvTip.setText(errorText);
// 设置按钮
TextView mTvBtn = (TextView) layout.findViewById(R.id.mTvBtn);
mTvBtn.setText(buttonText);
mTvBtn.setOnClickListener(onClickListener);
helper.showLayout(layout);
}
// 数据异常简易版
public void showError(OnClickListener onClickListener) {
View layout = helper.inflate(R.layout.load_error);
TextView mTvBtn = (TextView) layout.findViewById(R.id.mTvBtn);
mTvBtn.setOnClickListener(onClickListener);
helper.showLayout(layout);
}
// 空数据
public void showEmpty(String errorText, String buttonText, int picResId,OnClickListener onClickListener) {
View layout = helper.inflate(R.layout.load_empty);
ImageView mIvShowPic = (ImageView) layout.findViewById(R.id.mIvShowPic);
mIvShowPic.setBackgroundResource(picResId);
TextView mTvTip = (TextView) layout.findViewById(R.id.mTvTip);
mTvTip.setText(errorText);
TextView mTvBtn = (TextView) layout.findViewById(R.id.mTvBtn);
mTvBtn.setText(buttonText);
mTvBtn.setOnClickListener(onClickListener);
helper.showLayout(layout);
}
// 空数据简易版
public void showEmpty(OnClickListener onClickListener) {
View layout = helper.inflate(R.layout.load_empty);
TextView mTvBtn = (TextView) layout.findViewById(R.id.mTvBtn);
mTvBtn.setOnClickListener(onClickListener);
helper.showLayout(layout);
}
// 正在加载
public void showLoading(String loadText) {
View layout = helper.inflate(R.layout.load_ing);
TextView mTvTip = (TextView) layout.findViewById(R.id.mTvTip);
ImageView mIvAnim = (ImageView) layout.findViewById(R.id.mIvAnim);
mIvAnim.setImageResource(R.drawable.loading_animation);
animationDrawable = (AnimationDrawable) mIvAnim.getDrawable();
animationDrawable.start(); // 开启帧动画
mTvTip.setText(loadText);
helper.showLayout(layout);
}
public void dismiss() {
helper.dismissView();
}
}
.
.
关键接口 IReplaceViewHelper
public interface IReplaceViewHelper {
public abstract View getCurrentLayout();
public abstract void dismissView();
public abstract void showLayout(View view);
public abstract void showLayout(int layoutId);
public abstract View inflate(int layoutId);
public abstract Context getContext();
public abstract View getView();
}
.
.
参考实现类 ReplaceViewHelper
/**
* 用于切换布局,用一个新的布局替换掉原先的布局
*
*
*
*/
public class ReplaceViewHelper implements IReplaceViewHelper {
private View view;
private ViewGroup parentView;
private int viewIndex;
private ViewGroup.LayoutParams params;
private View currentView;
public ReplaceViewHelper(View view) {
super();
this.view = view;
}
private void init() {
params = view.getLayoutParams();
if (view.getParent() != null) {
parentView = (ViewGroup) view.getParent();
} else {
parentView = (ViewGroup) view.getRootView().findViewById(android.R.id.content);
}
int count = parentView.getChildCount();
for (int index = 0; index < count; index++) {
if (view == parentView.getChildAt(index)) {
viewIndex = index;
break;
}
}
currentView = view;
}
@Override
public View getCurrentLayout() {
return currentView;
}
@Override
public void dismissView() {
showLayout(view);
}
@Override
public void showLayout(View view) {
if (parentView == null) {
init();
}
this.currentView = view;
// 如果已经是那个view，那就不需要再进行替换操作了
if (parentView.getChildAt(viewIndex) != view) {
ViewGroup parent = (ViewGroup) view.getParent();
if (parent != null) {
parent.removeView(view);
}
parentView.removeViewAt(viewIndex);
parentView.addView(view, viewIndex, params);
}
}
@Override
public void showLayout(int layoutId) {
showLayout(inflate(layoutId));
}
@Override
public View inflate(int layoutId) {
return LayoutInflater.from(view.getContext()).inflate(layoutId, null);
}
@Override
public Context getContext() {
return view.getContext();
}
@Override
public View getView() {
return view;
}
}
通过来加载器LayoutInflater和LayoutParams，我们就可以进行View的替换展示。
以上是mudule库的主要代码
下面是主工程的引用后的实例代码
MainActivity
public class MainActivity extends Activity implements View.OnClickListener {
private TextView mTvLoad;
private TextView mTvNetError;
private TextView mTvNoData;
private TextView mTvLoadSuccess;
private Intent intent;
public static int LOAD = 1;
public static int NET_ERROR = 2;
public static int NO_DATA = 3;
public static int SUCEESS = 4;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
intent = new Intent(MainActivity.this, TestActivity.class);
mTvLoad = (TextView) findViewById(R.id.mTvLoad);
mTvNetError = (TextView) findViewById(R.id.mTvNetError);
mTvNoData = (TextView) findViewById(R.id.mTvNoData);
mTvLoadSuccess = (TextView) findViewById(R.id.mTvLoadSuccess);
mTvLoad.setOnClickListener(this);
mTvNetError.setOnClickListener(this);
mTvNoData.setOnClickListener(this);
mTvLoadSuccess.setOnClickListener(this);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.mTvLoad:
intent.putExtra("TYPE", LOAD);
startActivity(intent);
break;
case R.id.mTvNetError:
intent.putExtra("TYPE", NET_ERROR);
startActivity(intent);
break;
case R.id.mTvNoData:
intent.putExtra("TYPE", NO_DATA);
startActivity(intent);
break;
case R.id.mTvLoadSuccess:
intent.putExtra("TYPE", SUCEESS);
startActivity(intent);
break;
}
}
}
.
.
TestActivity
public class TestActivity extends Activity{
private TextView mTv;
private TextView mTvShow;
private LoadHelpView mLoadHelpView;
private Intent mIntent;
private int mType;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_test);
mTv = (TextView) findViewById(R.id.mTv);
mTvShow = (TextView) findViewById(R.id.mTvShow);
mLoadHelpView = new LoadHelpView(mTvShow);
mIntent = getIntent();
mType = mIntent.getIntExtra("TYPE", -1);
mTv.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if(mType == MainActivity.LOAD){
mLoadHelpView.showLoading("正在为您拼命加载");
}else if(mType == MainActivity.NET_ERROR){
testNetError();
}else if(mType == MainActivity.NO_DATA){
testNoData();
}else if(mType == MainActivity.SUCEESS){
testSuccess();
}
}
});
}
private void testNetError(){
mLoadHelpView.showLoading("正在为您拼命加载");
new Handler().postDelayed(new Runnable(){
public void run() {
/*mLoadHelpView.showError("您的网络怎么了？", "再试一下", R.drawable.load_error,new View.OnClickListener() {
@Override
public void onClick(View v) {
testNetError();
}
});*/
mLoadHelpView.showError(new View.OnClickListener() {
@Override
public void onClick(View v) {
testNetError();
}
});
}
}, 1200);
}
private void testNoData(){
mLoadHelpView.showLoading("正在为您拼命加载");
new Handler().postDelayed(new Runnable(){
public void run() {
/*mLoadHelpView.showEmpty("暂无数据，快去录入新数据吧", "再试一下", R.drawable.load_no_data,new View.OnClickListener() {
@Override
public void onClick(View v) {
testNetError();
}
});*/
mLoadHelpView.showEmpty(new View.OnClickListener() {
@Override
public void onClick(View v) {
testNetError();
}
});
}
}, 1200);
}
private void testSuccess(){
mLoadHelpView.showLoading("正在为您拼命加载");
new Handler().postDelayed(new Runnable(){
public void run() {
mLoadHelpView.dismiss();
mTvShow.setText("成功加载数据，展示数据");
}
}, 1200);
}
}
再来看一下TestActivity的xml，我们看到我们无需在xml里面做替换View的隐藏和显示。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#66000000"
android:orientation="vertical"
>
<TextView
android:id="@+id/mTv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="30dp"
android:background="#66ff0000"
android:padding="10dp"
android:text="加载数据"
android:textSize="20dp"
/>
<TextView
android:id="@+id/mTvShow"
android:layout_width="300dp"
android:layout_height="300dp"
android:layout_gravity="center_horizontal"
android:layout_marginTop="20dp"
android:background="#660000ff"
android:gravity="center"
/>
</LinearLayout>
该有的应该都有了，其实借此代码，还可以好好感受一下的android的类加载器。
下载链接
本篇完。
