Android仿ios加载loading菊花图效果
2019-12-23 12:08
5413 查看
项目中经常会用到加载数据的loading显示图,除了设计根据app自身设计的动画loading,一般用的比较多的是仿照ios 的菊花加载loading 图,当然一些条件下还会涉及到加载成功/ 失败情况的显示,还有显示文字。
使用ProgressBar 来加载动画转圈,这里使用drawable文件 定义转圈动画, indeterminateDrawable 属性进行加载。
<?xml version="1.0" encoding="utf-8"?> <animated-rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@mipmap/load" android:pivotX="50%" android:pivotY="50%" /> <ProgressBar 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 显示
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="110dp" android:layout_height="110dp" android:background="@drawable/shape_dialog_bg" android:gravity="center" android:orientation="vertical"> <ProgressBar android:id="@+id/progressBar" android:layout_width="50dp" android:layout_height="50dp" android:indeterminateDrawable="@drawable/anim" /> <ImageView android:id="@+id/iv" android:visibility="gone" android:layout_width="50dp" android:layout_height="50dp" /> <TextView android:id="@+id/tv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:text="正在加载" android:textColor="#fff" /> </LinearLayout>
自定义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); } }
效果图:
github地址: https://github.com/taixiang/loading
总结
以上所述是小编给大家介绍的Android仿ios加载loading菊花图效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- Android绚丽加载效果视图(loading)控件
- android仿ios菊花LoadingView
- Android自定义加载等待Dialog弹窗控件(仿ios效果实现)
- android 仿qq5.3,下拉刷新,自动加载更多,下拉回弹,仿IOS橡皮筋效果,通用版,效果完美
- Android进度加载的Loading效果
- Android自定义View实现loading动画加载效果
- android 仿qq5.3,下拉刷新,自动加载更多,下拉回弹,仿IOS橡皮筋效果,通用版,效果完美
- android仿IOS 旋转菊花Loading、等待Loading、花瓣
- Android仿ios加载时菊花图
- Android绚丽加载效果视图(loading)控件
- Android 自定义加载效果视图(loading)控件
- Android加载进度条 (仿ios)效果
- Android自定义加载等待Dialog弹窗控件(仿ios效果实现)
- Android 仿IOS的ProgressHUD多种加载效果:KProgressHUD
- Android加载loading对话框的功能及实例代码(不退出沉浸式效果)
- Android 自定义加载view(菊花效果)
- Android 转菊花控件:loading加载常用
- Android绚丽加载效果视图(loading)控件
- Android绚丽加载效果视图(loading)控件
- Android自定义加载等待弹窗控件(仿ios效果实现)