Android 自定义通用的loadingview实现代码

所属分类: 软件编程 / Android 阅读数: 46
收藏 0 赞 0 分享

功能

1、显示加载视图,加载失败的时候显示加载失败视图,数据为空时显示数据为空视图,支持为失败视图设置点击事件重新加载数据。

2、支持个性化设置,自定义设置 加载、失败、空数据视图。

先放一张效果图压压惊

实现

实现思路其实就是一个FrameLayout里添加三个布局做处理显示隐藏,自定义视图其实就是替换里面的view ,代码比较简单,如果直接看过我的自定义view系列文章,或者对自定义view有所了解,都很容易看懂,所有直接上代码了。

具体代码

Java 代码

public class CommonLoadingView extends FrameLayout {


  //加载时显示文字
  protected TextView mLoadingTextTv;
  public Context mContext;
  //加载错误视图
  protected LinearLayout mLoadErrorLl;
  //加载错误点击事件处理
  private LoadingHandler mLoadingHandler;
  //加载view
  private View loadingView;
  //加载失败view
  private View loadingErrorView;
  //数据为空
  private View emptyView;


  public CommonLoadingView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }

  public CommonLoadingView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    mContext = context;
  }

  public void setLoadingHandler(LoadingHandler loadingHandler) {
    mLoadingHandler = loadingHandler;
  }

  public void setLoadingErrorView(View loadingErrorView) {
    this.removeViewAt(1);
    this.loadingErrorView = loadingErrorView;
    this.loadingErrorView.setOnClickListener(new OnClickListener() {
      @Override
      public void onClick(View v) {
        if (mLoadingHandler != null) {
          mLoadingHandler.doRequestData();
          CommonLoadingView.this.load();
        }
      }
    });
    this.addView(loadingErrorView,1);
  }

  public void setLoadingView(View loadingView) {
    this.removeViewAt(0);
    this.loadingView = loadingView;
    this.addView(loadingView,0);
  }

  @Override
  protected void onFinishInflate() {
    super.onFinishInflate();
    loadingView = inflate(mContext, R.layout.common_loading_view, null);
    loadingErrorView = inflate(mContext, R.layout.network_layout, null);
    emptyView = inflate(mContext, R.layout.empty_layout, null);
    this.addView(loadingView);
    this.addView(loadingErrorView);
    this.addView(emptyView);
    loadingErrorView.setVisibility(GONE);
    emptyView.setVisibility(GONE);
    initView(this);
  }


  public void setMessage(String message) {
    mLoadingTextTv.setText(message);
  }


  private void initView(View rootView) {
    mLoadingTextTv = (TextView) rootView.findViewById(R.id.loading_text_tv);
    mLoadErrorLl = (LinearLayout) rootView.findViewById(R.id.load_error_ll);
    mLoadErrorLl.setOnClickListener(new OnClickListener() {
      @Override
      public void onClick(View v) {
        if (mLoadingHandler != null) {
          CommonLoadingView.this.load();
          mLoadingHandler.doRequestData();
        }
      }
    });
  }

  public void load(){
    loadingView.setVisibility(VISIBLE);
    loadingErrorView.setVisibility(GONE);
    emptyView.setVisibility(GONE);
  }

  public void load(String message){
    mLoadingTextTv.setText(message);
    loadingView.setVisibility(VISIBLE);
    loadingErrorView.setVisibility(GONE);
    emptyView.setVisibility(GONE);
  }


  public void loadSuccess(){
    this.loadSuccess(false);
  }

  public void loadSuccess(boolean isEmpty){
    loadingView.setVisibility(GONE);
    loadingErrorView.setVisibility(GONE);
    if (isEmpty) {
      emptyView.setVisibility(VISIBLE);
    }else{
      emptyView.setVisibility(GONE);
    }
  }


  public void loadError(){
    loadingView.setVisibility(GONE);
    loadingErrorView.setVisibility(VISIBLE);
  }


  public interface LoadingHandler{
    void doRequestData();
  }
}

使用

基本使用

几个基本的 load loadError loadSucccess方法的使用。

public class DefaultViewActivity extends AppCompatActivity {

  protected ListView mListView;
  protected CommonLoadingView mLoadingView;
  private List<String> mList = new ArrayList<>();
  ArrayAdapter adapter;


  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    super.setContentView(R.layout.activity_default_view);
    initView();
  }

  private void initView() {
    mListView = (ListView) findViewById(R.id.listView);
    mLoadingView = (CommonLoadingView) findViewById(R.id.loadingView);
    mLoadingView.load();

    //设置点击错误视图重新加载事件
    mLoadingView.setLoadingHandler(new CommonLoadingView.LoadingHandler() {
      @Override
      public void doRequestData() {
        mLoadingView.postDelayed(new Runnable() {
          @Override
          public void run() {
            for (int i = 1; i <=20 ; i++) {
              mList.add(i+"");
            }
            adapter = new ArrayAdapter(DefaultViewActivity.this, android.R.layout.simple_list_item_1, android.R.id.text1, mList);
            mListView.setAdapter(adapter);
            mLoadingView.loadSuccess(false);
          }
        },2500);
      }
    });

    //模拟网络错误,加载失败
    mLoadingView.postDelayed(new Runnable() {
      @Override
      public void run() {
        mLoadingView.loadError();
      }
    },2500);


  }
}

自定义视图 使用

只需要把自己自定义的view调用set方法设置进去即可。

this.mLoadingView.setLoadingView(loadingView);
this.mLoadingView.setLoadingErrorView(loadingErrorView);
public class CustomViewActivity extends AppCompatActivity {

  protected ListView mListView;
  protected CommonLoadingView mLoadingView;
  private List<String> mList = new ArrayList<>();
  ArrayAdapter adapter;


  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    super.setContentView(R.layout.activity_default_view);
    initView();
  }

  private void initView() {
    mListView = (ListView) findViewById(R.id.listView);
    mLoadingView = (CommonLoadingView) findViewById(R.id.loadingView);


    //设置自定义视图
    ProgressBar progressBar = new ProgressBar(this);
    this.mLoadingView.setLoadingView(progressBar);
    TextView textView = new TextView(this);
    textView.setText("加载失败...");
    this.mLoadingView.setLoadingErrorView(textView);

    mLoadingView.load();

    //设置点击错误视图重新加载事件
    mLoadingView.setLoadingHandler(new CommonLoadingView.LoadingHandler() {
      @Override
      public void doRequestData() {
        mLoadingView.postDelayed(new Runnable() {
          @Override
          public void run() {
            for (int i = 1; i <=20 ; i++) {
              mList.add(i+"");
            }
            adapter = new ArrayAdapter(CustomViewActivity.this, android.R.layout.simple_list_item_1, android.R.id.text1, mList);
            mListView.setAdapter(adapter);
            mLoadingView.loadSuccess(false);
          }
        },2500);
      }
    });

    //模拟网络错误,加载失败
    mLoadingView.postDelayed(new Runnable() {
      @Override
      public void run() {
        mLoadingView.loadError();
      }
    },2500);
  }
}

至于具体的布局和样式文件就不贴了,主要是实现思路,代码

下载请参考源码下载

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android网络编程之获取网络上的Json数据实例

这篇文章主要介绍了Android网络编程之获取网络上的Json数据实例,本文用完整的代码实例讲解了在Android中读取网络中Json数据的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中的windowSoftInputMode属性详解

这篇文章主要介绍了Android中的windowSoftInputMode属性详解,本文对windowSoftInputMode的9个属性做了详细总结,需要的朋友可以参考下
收藏 0 赞 0 分享

Android网络编程之UDP通信模型实例

这篇文章主要介绍了Android网络编程之UDP通信模型实例,本文给出了服务端代码和客户端代码,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中使用ListView实现漂亮的表格效果

这篇文章主要介绍了Android中使用ListView实现漂亮的表格效果,本文用详细的代码实例创建了一个股票行情表格,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中刷新界面的二种方法

这篇文章主要介绍了Android中刷新界面的二种方法,本文使用Handler、postInvalidate两种方法实现界面刷新,需要的朋友可以参考下
收藏 0 赞 0 分享

Android SDK三种更新失败及其解决方法

这篇文章主要介绍了Android SDK三种更新失败及其解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(一)

Android3.0(API level 11)开始,Android设备不再需要专门的菜单键。随着这种变化,Android app应该取消对传统6项菜单的依赖。取而代之的是提供anction bar来提供基本的用户功能
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(二)

这次将继续上一篇文章没有讲完的Menu的学习,上下文菜单(Context menu)和弹出菜单(Popup menu)
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(三)

今天继续昨天没有讲完的Menu的学习,主要是Popup Menu的学习,需要的朋友可以参考下
收藏 0 赞 0 分享

Android显示网络图片实例

这篇文章主要介绍了Android显示网络图片的方法,以实例形式展示了Android程序显示网络图片的方法,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多