android动态设置错误页面,Android数据加载界面状态切换:加载中样式,空数据样式,错误时样式...

f1f991770aa3

240069.jpg

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

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

compile 'com.zhengliang:LoadDdataLayout:1.0.1'

使用方式xml:

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.bunny.android.testapplication.MainActivity">

android:id="@+id/ldl"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/lv"

android:layout_width="match_parent"

android:layout_height="match_parent" />

java代码中需要绑定布局

ldl.setBindView(lv);

效果:

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

f1f991770aa3

效果.gif

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

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">

android:id="@+id/lv"

android:layout_width="match_parent"

android:layout_height="match_parent" />

效果:

f1f991770aa3

效果.gif

自定义属性说明:

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);

}

});

效果

f1f991770aa3

123.gif

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

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"

>

android:id="@+id/lv"

android:layout_width="match_parent"

android:layout_height="match_parent" />

自定义属性说明:

xml自定义属性

功能

ldl_loading_layout

加载中的布局

ldl_empty_layout

空布局

ldl_error_layout

错误布局

当然设置了这个布局属性, 对应的设置文字和图片的属性也就没用了!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值