最简单通用加载效果---完全实现自定义

一.无图无真相









二.主要代码

1.简单布局

a.主布局 activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ff0000"
android:gravity="center"
android:text="加载效果演示"
android:textColor="#ffffff"
android:textSize="18sp" />

<ListView
android:id="@+id/listView1"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" >
</ListView>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="showLoadSuccess"
android:text="加载成功" />

<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="showLoadError"
android:text="加载失败" />

<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="showLoadEmpty"
android:text="没有数据" />
</LinearLayout>

</LinearLayout>

b.加载中布局 load_loading.xml

<?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:gravity="center"
android:background="#5555"
android:orientation="vertical" >

<ProgressBar
android:id="@+id/progressBar1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
android:text="正在加载中..." />

</LinearLayout>

c.加载失败和没有数据简单布局 load_empty.xml

<?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="#eee"
android:gravity="center"
android:orientation="vertical" >

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="暂无数据" />

<Button
android:id="@+id/button1"
android:layout_width="80dp"
android:layout_height="40dp"
android:layout_marginTop="12dp"
android:text="点击重试" />

</LinearLayout>

2.主要代码

a.定义接口 ViewCallBack

package com.gulang.commonloadview;

import android.content.Context;
import android.view.View;

/**
* 定义实现接口
*
* @author 孤狼
* @since 2015-8-4
*/
public interface ViewCallBack {
// 获取当前布局
public abstract View getCurrentLayout();

// 重置布局
public abstract void resetView();

// 显示布局
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();

}

b(1).添加要加载的布局 ViewGroupLayout

package com.gulang.commonloadview;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
* 添加布局
* 实现思想：获取要显示区域的父布局，添加要显示的布局，只需要在代码中控制显示即可
* @author 孤狼
* @since 2015-8-4
*/
public class ViewGroupLayout implements ViewCallBack {
private View view;
private ViewGroup parentView;
private int viewIndex;
private ViewGroup.LayoutParams params;
private View currentView;

public ViewGroupLayout(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 resetView() {
showLayout(view);
}

@Override
public void showLayout(View view) {
if (parentView == null) {
init();
}
this.currentView = 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;
}
}

b(2).第二种方式，添加布局

package com.gulang.commonloadview;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.FrameLayout;

/**
* 添加布局界面
*
* @author 孤狼
* @since 2015-8-4
*/
public class ViewFrameLayout implements ViewCallBack {

private ViewCallBack helper;
private View view;

public ViewFrameLayout(View view) {
super();
this.view = view;
ViewGroup group = (ViewGroup) view.getParent();
LayoutParams layoutParams = view.getLayoutParams();
FrameLayout frameLayout = new FrameLayout(view.getContext());
group.removeView(view);
group.addView(frameLayout, layoutParams);

LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT,
LayoutParams.MATCH_PARENT);
View floatView = new View(view.getContext());
frameLayout.addView(view, params);
frameLayout.addView(floatView, params);
helper = new ViewGroupLayout(floatView);
}

@Override
public View getCurrentLayout() {
return helper.getCurrentLayout();
}

@Override
public void resetView() {
helper.resetView();
}

@Override
public void showLayout(View view) {
helper.showLayout(view);
}

@Override
public void showLayout(int layoutId) {
showLayout(inflate(layoutId));
}

@Override
public View inflate(int layoutId) {
return helper.inflate(layoutId);
}

@Override
public Context getContext() {
return helper.getContext();
}

@Override
public View getView() {
return view;
}
}

c.自定义显示工具类（可根据具体要求自己实现，此处简单实现）

package com.gulang.commonloadview;

import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;

import com.gulang.app.R;

/**
* 自定义布局，随意替换
*
* @author 孤狼
* @since 2015-8-4
*/
public class LoadViewHelper {

private ViewCallBack helper;

// 构造函数
public LoadViewHelper(View view) {
this(new ViewGroupLayout(view));
}

// 构造函数
public LoadViewHelper(ViewCallBack helper) {
super();
this.helper = helper;
}

// 加载错误
public void showError(String errorText, String buttonText,
OnClickListener onClickListener) {
View layout = helper.inflate(R.layout.load_error);
TextView textView = (TextView) layout.findViewById(R.id.textView1);
textView.setText(errorText);
Button button = (Button) layout.findViewById(R.id.button1);
button.setText(buttonText);
button.setOnClickListener(onClickListener);
helper.showLayout(layout);
}

// 数据为空
public void showEmpty(String errorText, String buttonText,
OnClickListener onClickListener) {
View layout = helper.inflate(R.layout.load_empty);
TextView textView = (TextView) layout.findViewById(R.id.textView1);
textView.setText(errorText);
Button button = (Button) layout.findViewById(R.id.button1);
button.setText(buttonText);
button.setOnClickListener(onClickListener);
helper.showLayout(layout);
}

// 正在加载中
public void showLoading(String loadText) {
View layout = helper.inflate(R.layout.load_loading);
TextView textView = (TextView) layout.findViewById(R.id.textView1);
textView.setText(loadText);
helper.showLayout(layout);
}

public void restore() {
helper.resetView();
}
}

d.代码中调用MainActivity.java

package com.gulang.app;

import java.util.ArrayList;
import java.util.List;
import java.util.Random;

import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import com.gulang.commonloadview.LoadViewHelper;

/**
* 简单演示，具体逻辑请根据开发需求
*
* @author 孤狼
* @since 2015-8-4
*/
public class MainActivity extends Activity {

private ListView listView;
private LoadDataTask task;
private LoadViewHelper helper;
private ArrayAdapter<String> adapter;
private List<String> data = new ArrayList<String>();

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
listView = (ListView) findViewById(R.id.listView1);
//创建要加载的效果，关联要显示的父布局
helper = new LoadViewHelper(listView);
listView.setAdapter(adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, data));
task = new LoadDataTask(3);
task.execute();
}

@Override
protected void onDestroy() {
super.onDestroy();
if (task != null) {
task.cancel(true);
}
}

// 加载失败
public void showLoadError(View view) {
if (task != null) {
task.cancel(true);
}
task = new LoadDataTask(1);
task.execute();
}

// 数据为空
public void showLoadEmpty(View view) {
if (task != null) {
task.cancel(true);
}
task = new LoadDataTask(2);
task.execute();
}

// 加载成功
public void showLoadSuccess(View view) {
if (task != null) {
task.cancel(true);
}
task = new LoadDataTask(3);
task.execute();
}

private class LoadDataTask extends AsyncTask<Void, Void, List<String>> {
private int type;

public LoadDataTask(int type) {
super();
this.type = type;
}

@Override
protected void onPreExecute() {
super.onPreExecute();
helper.showLoading("加载中...");
}

@Override
protected List<String> doInBackground(Void... params) {
try {
Thread.sleep(3000);
} catch (InterruptedException e) {
e.printStackTrace();
}
if (type == 1) {
return null;
} else if (type == 2) {
return new ArrayList<String>(0);
}
List<String> strings = new ArrayList<String>();
for (int i = 0; i < 50; i++) {
strings.add("通用加载效果测试" + i);
}
return strings;
}

@Override
protected void onPostExecute(List<String> result) {
super.onPostExecute(result);
if (result == null) {
helper.showError("加载失败", "重试", new OnClickListener() {

@Override
public void onClick(View v) {
task = new LoadDataTask(1);
task.execute();
}
});
} else if (result.isEmpty()) {
helper.showEmpty("暂无数据", "重试", new OnClickListener() {

@Override
public void onClick(View v) {
task = new LoadDataTask(2);
task.execute();
}
});
} else {
data.clear();
data.addAll(result);
helper.restore();
adapter.notifyDataSetChanged();
}
}

}
}

三.说明

废话不多说，代码比较简单，完全实现具体的自定义布局只需要修改LoadViewHelper 中加载显示的view即可

四.源码下载

加载效果Demo