Android通用LoadingView加载框架详解

手写一个通用加载中、显示数据、加载失败、空数据的LoadingView框架。

定义3个布局:加载中,加载失败,空数据

加载中:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="#ffffff"
 android:clickable="true">

 <ProgressBar
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:indeterminate="true" />

</FrameLayout>

加载失败:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="#ffffff"
 android:clickable="true"
 android:orientation="vertical">

 <ImageView
  android:id="@+id/error_retry"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:gravity="center"
  android:src="@drawable/loading_retry" />

</FrameLayout>

空数据:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="#ffffff"
 android:clickable="true"
 android:orientation="vertical">

 <ImageView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:src="@drawable/loading_empty" />

</FrameLayout>

自定义一个LoadingView:

package com.sample.loadingview.widget;

import android.content.Context;
import android.content.res.TypedArray;
import android.support.annotation.AttrRes;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.ImageView;

import com.sample.loadingview.R;

public class LoadingView extends FrameLayout {
 private int emptyLayoutId, errorLayoutId, loadingLayoutId;
 private View contentView, emptyView, errorView, loadingView;
 private LayoutInflater mInflater;
 private SparseArray<View> views = new SparseArray<>();

 public LoadingView(@NonNull Context context) {
  this(context, null);
 }

 public LoadingView(@NonNull Context context, @Nullable AttributeSet attrs) {
  this(context, attrs, 0);
 }

 public LoadingView(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {
  super(context, attrs, defStyleAttr);

  TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.LoadLayout);
  emptyLayoutId = a.getResourceId(R.styleable.LoadLayout_emptyView, R.layout.loading_empty);
  errorLayoutId = a.getResourceId(R.styleable.LoadLayout_errorView, R.layout.loading_error);
  loadingLayoutId = a.getResourceId(R.styleable.LoadLayout_loadingView, R.layout.loading_load);
  mInflater = LayoutInflater.from(getContext());
  a.recycle();
  loadingView = mInflater.inflate(loadingLayoutId, null);
 }

 @Override
 protected void onFinishInflate() {
  super.onFinishInflate();
  if (getChildCount() < 1) {
   throw new RuntimeException("content view can not be null");
  }
  contentView = getChildAt(0);

  if (loadingView.getVisibility() != GONE)
   loadingView.setVisibility(GONE);
  addView(loadingView);
  views.put(loadingLayoutId, loadingView);
 }

 public void showError() {
  errorView = views.get(errorLayoutId);
  if (errorView == null) {
   errorView = mInflater.inflate(errorLayoutId, null);
   addView(errorView);
   views.put(errorLayoutId, errorView);
   final ImageView errorRetry = (ImageView) errorView.findViewById(R.id.error_retry);
   errorRetry.setOnClickListener(new OnClickListener() {
    @Override
    public void onClick(View v) {
     if (mOnRetryClickListener != null)
      mOnRetryClickListener.onClick(errorRetry);
    }
   });
  }
  if (errorView.getVisibility() != VISIBLE)
   errorView.setVisibility(VISIBLE);

  for (int i = 0, len = views.size(); i < len; i++) {
   int key = views.keyAt(i);
   if (key != errorLayoutId) {
    View view = views.valueAt(i);
    if (view != null)
     if (view.getVisibility() != GONE)
      view.setVisibility(GONE);
   }
  }
 }

 public void showEmpty() {
  emptyView = views.get(emptyLayoutId);
  if (emptyView == null) {
   emptyView = mInflater.inflate(emptyLayoutId, null);
   addView(emptyView);
   views.put(emptyLayoutId, emptyView);
  }
  if (emptyView.getVisibility() != VISIBLE)
   emptyView.setVisibility(VISIBLE);

  for (int i = 0, len = views.size(); i < len; i++) {
   int key = views.keyAt(i);
   if (key != emptyLayoutId) {
    View view = views.valueAt(i);
    if (view != null)
     if (view.getVisibility() != GONE)
      view.setVisibility(GONE);
   }
  }
 }

 public void showLoading() {
  loadingView = views.get(loadingLayoutId);
  if (loadingView.getVisibility() != VISIBLE)
   loadingView.setVisibility(VISIBLE);

  for (int i = 0, len = views.size(); i < len; i++) {
   int key = views.keyAt(i);
   if (key != loadingLayoutId) {
    View view = views.valueAt(i);
    if (view != null)
     if (view.getVisibility() != GONE)
      view.setVisibility(GONE);
   }
  }
 }

 public void showContent() {
  for (int i = 0, len = views.size(); i < len; i++) {
   View view = views.valueAt(i);
   if (view != null)
    if (view.getVisibility() != GONE)
     view.setVisibility(GONE);
  }
 }

 private OnClickListener mOnRetryClickListener;

 public void setOnRetryClickListener(OnClickListener onRetryClickListener) {
  this.mOnRetryClickListener = onRetryClickListener;
 }
}

定义attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <declare-styleable name="LoadLayout">
  <attr name="loadingView" format="reference" />
  <attr name="errorView" format="reference" />
  <attr name="retryView" format="reference" />
  <attr name="emptyView" format="reference" />
 </declare-styleable>
</resources>

以上就这么些代码,接下来我们测试一下

Activity

package com.sample.loadingview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

import com.sample.loadingview.widget.LoadingView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

 private LoadingView loading_view;
 private Button btn_loading;
 private Button btn_content;
 private Button btn_error;
 private Button btn_empty;

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

  loading_view = (LoadingView) findViewById(R.id.loading_view);
  btn_loading = (Button) findViewById(R.id.btn_loading);
  btn_content = (Button) findViewById(R.id.btn_content);
  btn_error = (Button) findViewById(R.id.btn_error);
  btn_empty = (Button) findViewById(R.id.btn_empty);

  //设置加载错误的点击事件
  loading_view.setOnRetryClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    Toast.makeText(MainActivity.this, "重新加载", Toast.LENGTH_SHORT).show();
    loading_view.showLoading();
   }
  });
  btn_loading.setOnClickListener(this);
  btn_content.setOnClickListener(this);
  btn_error.setOnClickListener(this);
  btn_empty.setOnClickListener(this);
 }

 @Override
 public void onClick(View v) {
  switch (v.getId()) {
   case R.id.btn_loading:
    loading_view.showLoading();//显示加载界面
    break;
   case R.id.btn_content:
    loading_view.showContent();//显示内容界面
    break;
   case R.id.btn_error:
    loading_view.showError();//显示错误界面
    break;
   case R.id.btn_empty:
    loading_view.showEmpty();//显示空数据界面
    break;
  }
 }
}

源码:下载地址

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

(0)

相关推荐

  • Android仿微信Viewpager-Fragment惰性加载(lazy-loading)

    前言 今天起床,拿起手机开机第一时间当然是打开微信了,左右滑动Viewpager,发现它使用了一种叫惰性加载,或者说懒加载(lazy-loading)的方式加载Viewpager中的Fragment.效果如图: 什么是lazy-loading呢?顾名思义就是在必要的时候才加载,否则不进行View的绘制和数据的加载.原因是Viewpager一次只会显示一个页卡,那么刚开始的时候,只需加载第一张Fragment页卡,其他的不加载,当用户向右滑动切换再进行加载.因为其他Fragment对于用户来说是不

  • Android自定义View实现loading动画加载效果

    项目开发中对Loading的处理是比较常见的,安卓系统提供的不太美观,引入第三发又太麻烦,这时候自己定义View来实现这个效果,并且进行封装抽取给项目提供统一的loading样式是最好的解决方式了. 先自定义一个View,继承自LinearLayout,在Layout中,添加布局控件 /** * Created by xiedong on 2017/3/7. */ public class Loading_view extends LinearLayout { private Context m

  • Android实现退出界面弹出提示对话框

    根据之前学的Android对话框技术,来实现下面一个效果:界面有一个"退出"按钮,按下之后会弹出一个询问是否退出的提示对话框,单击"不"按钮,不退出游戏,单击"是的"按钮,将退出游戏. 接下来实现此实例: res/layout/main.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="

  • Android自定义加载loading view动画组件

    在github上找的一个有点酷炫的loading动画https://github.com/Fichardu/CircleProgress 我写写使用步骤 自定义view(CircleProgress )的代码 package com.hysmarthotel.view; import com.hysmarthotel.roomcontrol.R; import com.hysmarthotel.util.EaseInOutCubicInterpolator; import android.ani

  • Android加载loading对话框的功能及实例代码(不退出沉浸式效果)

    一.自定义Dialog 在沉浸式效果下,当界面弹出对话框时,对话框将获取到焦点,这将导致界面退出沉浸式效果,那么是不是能通过屏蔽对话框获取焦点来达到不退出沉浸式的目的呢.说干就干,我们先来看一下改善后的效果图. 普通对话框弹出效果 LoadingDialog弹出效果 自定义LoadingDialog public class LoadingDialog extends Dialog { public LoadingDialog(Context context) { super(context);

  • Android仿ios加载loading菊花图效果

    项目中经常会用到加载数据的loading显示图,除了设计根据app自身设计的动画loading,一般用的比较多的是仿照ios 的菊花加载loading 图,当然一些条件下还会涉及到加载成功/ 失败情况的显示,还有显示文字.   使用ProgressBar 来加载动画转圈,这里使用drawable文件 定义转圈动画, indeterminateDrawable 属性进行加载. <?xml version="1.0" encoding="utf-8"?> &

  • Android通用LoadingView加载框架详解

    手写一个通用加载中.显示数据.加载失败.空数据的LoadingView框架. 定义3个布局:加载中,加载失败,空数据 加载中: <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent&q

  • Android刷新加载框架详解

    本文实例为大家分享了Android刷新加载框架的具体代码,供大家参考,具体内容如下 1.定义一个接口控制下拉和上拉 public interface Pullable { /** * 是否可下拉 */ boolean canPullDown(); /** * 是否可上拉 */ boolean canPullUp(); } 2.定义一个刷新加载布局 public class PullToRefreshLayout extends RelativeLayout { /** * 头 */ privat

  • Android Volley图片加载功能详解

    Gituhb项目 Volley源码中文注释项目我已经上传到github,欢迎大家fork和start. 为什么写这篇博客 本来文章是维护在github上的,但是我在分析ImageLoader源码过程中与到了一个问题,希望大家能帮助解答. Volley获取网络图片  本来想分析Universal Image Loader的源码,但是发现Volley已经实现了网络图片的加载功能.其实,网络图片的加载也是分几个步骤: 1. 获取网络图片的url. 2. 判断该url对应的图片是否有本地缓存. 3. 有

  • Android开发之自定义加载动画详解

    目录 一.demo简介 二.分析贪吃动画的尺寸比例 三.画圆 四.实现张嘴闭嘴动画 五.小球移动动画 一.demo简介 1.效果展示如下图,我截了三个瞬间,但其实这是一个连续的动画,就是这个大圆不停地吞下小圆. 2.这个动画可以拆分为两部分,首先是大圆张嘴闭嘴的动画,相当于画一个圆弧,规定一下它的角度就好.小圆就是一个从右向左移动的动画.然后不停地刷新界面,让动画的持续时间为永恒,这样就会有一个持续的动态效果. 二.分析贪吃动画的尺寸比例 1.在制作动画之前,我们要先建一个模型,来确定一下大圆和

  • Android LayoutInflater加载布局详解及实例代码

    Android  LayoutInflater加载布局详解 对于有一定Android开发经验的同学来说,一定使用过LayoutInflater.inflater()来加载布局文件,但并不一定去深究过它的原理,比如 1.LayoutInflater为什么可以加载layout文件? 2.加载layout文件之后,又是怎么变成供我们使用的View的? 3.我们定义View的时候,如果需要在布局中使用,则必须实现带AttributeSet参数的构造方法,这又是为什么呢? 既然在这篇文章提出来,那说明这三

  • Android  LayoutInflater加载布局详解及实例代码

    Android  LayoutInflater加载布局详解 对于有一定Android开发经验的同学来说,一定使用过LayoutInflater.inflater()来加载布局文件,但并不一定去深究过它的原理,比如 1.LayoutInflater为什么可以加载layout文件? 2.加载layout文件之后,又是怎么变成供我们使用的View的? 3.我们定义View的时候,如果需要在布局中使用,则必须实现带AttributeSet参数的构造方法,这又是为什么呢? 既然在这篇文章提出来,那说明这三

  • 基于js文件加载优化(详解)

    在js引擎部分,我们可以了解到,当渲染引擎解析到script标签时,会将控制权给JS引擎,如果script加载的是外部资源,则需要等待下载完后才能执行. 所以,在这里,我们可以对其进行很多优化工作. 放置在BODY底部 为了让渲染引擎能够及早的将DOM树给渲染出来,我们需要将script放在body的底部,让页面尽早脱离白屏的现象,即会提早触发DOMContentLoaded事件. 但是由于在IOS Safari, Android browser以及IOS webview里面即使你把js脚本放到

  • Python自动重新加载模块详解(autoreload module)

    守护进程模式 使用python开发后台服务程序的时候,每次修改代码之后都需要重启服务才能生效比较麻烦. 看了一下Python开源的Web框架(Django.Flask等)都有自己的自动加载模块功能(autoreload.py),都是通过subprocess模式创建子进程,主进程作为守护进程,子进程中一个线程负责检测文件是否发生变化,如果发生变化则退出,主进程检查子进程的退出码(exist code)如果与约定的退出码一致,则重新启动一个子进程继续工作. 自动重新加载模块代码如下: autorel

  • androidx下的fragment的lazy懒加载问题详解

    网上关于androidx的fragment懒加载文章已经有很多,各有侧重.几乎都点到了sexMaxLifecycle和修改FragmentPagerAdapter.很少看到经过实践的文章,谨以此文,更加详尽的把实践后的结果记录下来,赠予有缘人. 一.前置准备工作 几个关于androidx的fragment懒加载方案,都离不开如下几个包: androidx.fragment:fragment:1.1.0-alpha07 以上,支持setMaxLifecycle方法即可 androidx.viewp

  • vue前端性能优化之预加载和懒加载示例详解

    目录 预加载 图片预加载 JS预加载 js的加载方式 preload prefetch Preload & Prefetch 的区别 不同资源加载的优先级规则 懒加载 图片懒加载 路由懒加载 组件懒加载 最后 预加载 预加载简单来说就是将所有所需的资源提前请求加载到本地,这样后面在需要用到时就直接从缓存取资源:我们使用该技术预先告知浏览器,等下某些资源可能要被使用,先把资源下载下来,不要等使用的时候再下载,可以看出这样的加载技术会增加服务器的压力,但是用户的体验会比较好,因为可以较快的看到后面的

随机推荐