您的位置:首页 > 移动开发 > Android开发

Android数据加载界面状态切换:加载中样式,空数据样式,错误时样式

2017-08-17 22:34 597 查看


请注明出处http://blog.csdn.net/qq_23179075/article/details/77343623

描述:一个通用的数据加载界面,可以显示空布局,加载时布局,错误布局

使用方式:在build.gradle中加入以下代码

compile 'com.zhengliang:LoadDdataLayout:1.0.1'


使用方式xml:

<?xml version="1.0" encoding="utf-8"?>
<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.bunny.android.testapplication.MainActivity">
<com.bunny.android.library.LoadDataLayout
android:id="@+id/ldl"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</com.bunny.android.library.LoadDataLayout>
</RelativeLayout>


java代码中需要绑定布局

ldl.setBindView(lv);


效果:

默认效果:(自带效果,没有加动画和图片)



手动设置图片和提示文字:

<com.bunny.android.library.LoadDataLayout
android:id="@+id/ldl"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:ldl_loading_tv="不要急,等我加载完成..."
app:ldl_empty_tv="看啥看,什么也没有..."
app:ldl_error_tv="oh no! 好像出错了..."
app:ldl_loading_img="@mipmap/ajax_loader"
app:ldl_empty_img="@drawable/ic_empty"
app:ldl_error_img="@drawable/ic_error">
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</com.bunny.android.library.LoadDataLayout>


效果:



自定义属性说明:

xml自定义属性功能
ldl_loading_tv加载中提示文字
ldl_empty_tv空布局提示文字
ldl_error_tv错误布局提示文字
ldl_loading_img加载中显示的图片
ldl_empty_img空布局显示的图片
ldl_error_img错误布局显示的图片

java中对应代码:

加载中布局设置样式重载函数

/**
* 显示默认样式
*/
public void showLoading();

/**
* 设置显示文字
* @param s 提示文字
*/
public void showLoading(String s);
/**
* 设置图片
* @param callBack 设置图片回调接口
*/
public void showLoading(SetImgCallBack callBack);
/**
* @param s 提示文字
* @param callBack 设置图片回调接口
*/
public void showLoading(String s, SetImgCallBack callBack)


空布局设置样式重载函数(参数同上):
showEmpty()
;

错误布局设置样式重载函数(参数同上):
showError()
;

一般加载数据时都会显示一个 gif 动画,当然直接在xml设置动画是不行的,如上图,这时候就可以通过java代码来设置图片:(例子中动画用Glide来加载的)**

ldl.showLoading(new LoadDataLayout.SetImgCallBack() {
@Override
public void setImg(ImageView img) {
Glide.with(MainActivity.this)
.load(R.mipmap.ajax_loader)
.asGif()
.into(img);
}
});


效果



如果觉得自带的几个布局不满足您的需求,你也可以自定义这个三个布局。自己写好三个布局设置到对应的属性即可…【哎, 主要是我也找不到好看的素材,宝宝心里苦!!!】

<com.bunny.android.library.LoadDataLayout
android:id="@+id/ldl"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:ldl_loading_layout="@layout/layout_loading"
app:ldl_empty_layout="@layout/layout_empty"
app:ldl_error_layout="@layout/layout_error"
>
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</com.bunny.android.library.LoadDataLayout>


自定义属性说明:

xml自定义属性功能
ldl_loading_layout加载中的布局
ldl_empty_layout空布局
ldl_error_layout错误布局
当然设置了这个布局属性, 对应的设置文字和图片的属性也就没用了!

源码地址:https://github.com/azhengyongqin/android-load-data-layout
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐