安卓设置菊花动画_Android仿ios加载loading菊花图效果

本文介绍了如何在Android中创建模仿iOS加载动画的菊花图。通过使用ProgressBar和drawable资源定义旋转动画,设置indeterminateDrawable属性实现加载效果。在加载成功或失败时,通过自定义view切换显示静态图片。此外,提供了自定义view的三种状态方法:showLoading、showSuccess和showFail,用于控制加载、成功和失败的视图显示。
摘要由CSDN通过智能技术生成

项目中经常会用到加载数据的loading显示图,除了设计根据app自身设计的动画loading,一般用的比较多的是仿照ios 的菊花加载loading 图,当然一些条件下还会涉及到加载成功/ 失败情况的显示,还有显示文字。

使用ProgressBar 来加载动画转圈,这里使用drawable文件 定义转圈动画, indeterminateDrawable 属性进行加载。

android:drawable="@mipmap/load"

android:pivotX="50%"

android:pivotY="50%" />

android:id="@+id/progressBar"

android:layout_width="50dp"

android:layout_height="50dp"

android:indeterminateDrawable="@drawable/anim" />

部分情况下,在加载成功/ 失败之后会显示对应的静态图片,所以一开始想直接通过setIndeterminateDrawable(Drawable d)来加载静态图片,但是直接写是显示不出图片的,还要设置Drawable 的位置 d.setBounds(Rect bounds),即使这样加载出了静态图片,但是设置 R.drawable.anim的转圈动画时 却没有了转圈的效果,好气哟 ~~

所以在自定义view 的布局里 成功/失败的状态单独用 imageView 显示

android:layout_width="110dp"

android:layout_height="110dp"

android:background="@drawable/shape_dialog_bg"

android:gravity="center"

android:orientation="vertical">

android:id="@+id/progressBar"

android:layout_width="50dp"

android:layout_height="50dp"

android:indeterminateDrawable="@drawable/anim" />

android:id="@+id/iv"

android:visibility="gone"

android:layout_width="50dp"

android:layout_height="50dp" />

android:id="@+id/tv"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="10dp"

android:text="正在加载"

android:textColor="#fff" />

自定义view,提供三种状态的方法。

public class LoadingView extends LinearLayout {

...构造函数...

/**

* loading

*/

public void showLoading() {

iv.setVisibility(GONE);

progressBar.setVisibility(VISIBLE);

}

/**

* 成功

*/

public void showSuccess() {

iv.setImageResource(R.mipmap.load_success);

iv.setVisibility(View.VISIBLE);

progressBar.setVisibility(GONE);

}

/**

*失败

*/

public void showFail() {

iv.setImageResource(R.mipmap.load_fail);

iv.setVisibility(View.VISIBLE);

progressBar.setVisibility(GONE);

}

/**

* 提示文字

*

* @param txt string

*/

public void setText(String txt) {

tv.setText(txt);

}

/**

* 提示文字

*/

public void setText(@StringRes int txtId) {

tv.setText(txtId);

}

}

效果图:

总结

以上所述是小编给大家介绍的Android仿ios加载loading菊花图效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值