打造万能的EmptyView

在加载网络数据的时候，我们要给用户一个友好的加载数据的界面，提示正在加载、加载失败和加载成功的功能，其实原理很简单，只是在显示View的上面盖了一层自定义的View，覆盖View的话当然是用RelativeLayout啦，其实思想是在AndroidChina里面看见的，打造不一样的EmptyView，现在再次记录一下，做个笔记。

• 效果图
  

还是直接看主代码吧

• EmptyViewLayout.java

import android.annotation.SuppressLint;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ProgressBar;
import android.widget.RelativeLayout;

@SuppressLint("NewApi")
public class EmptyViewLayout extends RelativeLayout {
    private ImageView failure;//加载失败的图片
    private ProgressBar progressBar;//正在loading的pb
    private View bindView;// 绑定的View，即要显示的View

    public EmptyViewLayout(Context context) {
        super(context);
        initView(context);
    }

    public EmptyViewLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context);
    }

    private void initView(Context context) {
        View view = LayoutInflater.from(context).inflate(R.layout.empty_view,
                null);
        failure = (ImageView) view.findViewById(R.id.loading_failure);
        progressBar = (ProgressBar) view.findViewById(R.id.loading_ing);
        /*
         * 这一步添加param必须得要，很多人会遇到inflater添加进来的布局
         * 显示的时候只能显示包容的布局，根本不能match整个布局，然后又说，
         * 我布局文件是match的啊，然后一直找不到问题的解决方法，
         * 我感觉问题应该是出在自定义布局add这个xml的时候需要重新设置宽高吧
         * 所以，我们在自定义控件需要添加xml布局的时候，记得add这个布局的时候
         * 也设置一下param，问题就会解决了
         */
        LinearLayout.LayoutParams param = new LinearLayout.LayoutParams(
                new LayoutParams(LayoutParams.MATCH_PARENT,
                        LayoutParams.MATCH_PARENT));
        addView(view, param);
    }

    /**
     * 总共有三种状态显示：
     * 一种是正在加载状态，
     * 一种是加载失败，
     * 一种是加载成功
     */
    public void Loading() {
        setVisibility(View.VISIBLE);
        if (bindView != null) {
            progressBar.setVisibility(View.VISIBLE);
            failure.setVisibility(View.GONE);
        }
    }

    public void succees() {
        setVisibility(View.GONE);
        if (bindView != null) {
            bindView.setVisibility(View.VISIBLE);
        }
    }

    public void failure() {
        setVisibility(View.VISIBLE);
        if (bindView != null) {
            failure.setVisibility(View.VISIBLE);
            progressBar.setVisibility(View.GONE);
        }
    }

    // 绑定加载 的view
    public void bindView(View view) {
        this.bindView = view;
    }

    /*
     * 利用反射机制，响应对方需要响应的方法
     */
    public void buttonClick(final Object base, final String method) {
        failure.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                try {
                    Method m = base.getClass().getDeclaredMethod(method);
                    m.setAccessible(true);
                    m.invoke(base, null);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        });

    }
}

• empty_view.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/loading_failure"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/failure"
        android:visibility="gone" />

    <ProgressBar
        android:id="@+id/loading_ing"
        android:layout_width="130dp"
        android:layout_height="200dp"
        android:layout_centerInParent="true"
        android:indeterminateDrawable="@drawable/empty_progressbar" />

</RelativeLayout>

• ProgressBar的布局动画empty_progressbar.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:drawable="@drawable/bg_default_layout_loading1"
        android:duration="150">
    </item>
    <item
        android:drawable="@drawable/bg_default_layout_loading2"
        android:duration="150">
    </item>

</animation-list>

• activity_main.xml

<RelativeLayout 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"
    tools:context="com.example.emptyview.MainActivity" >

    <com.example.emptyview.EmptyViewLayout
        android:id="@+id/emptyView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </com.example.emptyview.EmptyViewLayout>

    <LinearLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ff0000"
        android:orientation="vertical"
        android:visibility="gone" >

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="加载成功"
            android:textColor="#fff"
            android:textSize="30dp" />
    </LinearLayout>

</RelativeLayout>

• MainActivity.java

import java.util.Random;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends Activity {
    private EmptyViewLayout empty;
    private LinearLayout linear;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        empty = (EmptyViewLayout) findViewById(R.id.emptyView);
        linear = (LinearLayout) findViewById(R.id.content);
        empty.bindView(linear);// 绑定要显示的View
        // 加载失败后点击的时候执行onload方法(比如onload里面放的是加载网络数据啊)
        empty.buttonClick(this, "onload");
        onload();
    }

    public void onload() {
        empty.Loading();//empty布局显示正在加载
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                //用随机数来判定
                Random r = new Random();
                int res = r.nextInt(3);
                if (res == 0) {
                    empty.succees();//加载成功
                } else {
                    empty.failure();//加载失败
                }
            }
        }, 2000);
    }

}

感觉还行吧，算是给自己做个笔记了，上面那个链接可能说的更明白一点，希望能帮助到大家