【Android UI】自定义圆形Loading动画
2015-07-30 15:38
411 查看
1、创建环形loading图片
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:toDegrees="360"
android:pivotX="50%"
android:pivotY="50%">
<shape android:shape="ring"
android:innerRadiusRatio="3"
android:thicknessRatio="8"
android:useLevel="false">
<size android:width="45dp"
android:height="45dp" />
<gradient android:type="sweep"
android:useLevel="false"
android:startColor="#ffaaaaaa"
android:centerColor="#ff888888"
android:centerY="0.5"
android:endColor="#ff666666" />
</shape>
</rotate>
2、通过ImageView加载loading动画
ImageView loadingImg = (ImageView) this.findViewById(R.id.loadingImg);
Animation animation = AnimationUtils.loadAnimation(this, R.anim.loading_animation);
loadingImg.startAnimation(animation);
3、动画loading_animation.xml文件如下
<?xml version="1.0" encoding="utf-8"?>
<set android:shareInterpolator="false" xmlns:android="http://schemas.android.com/apk/res/android">
<rotate
android:interpolator="@android:anim/linear_interpolator"
android:pivotX="50%"
android:pivotY="50%"
android:fromDegrees="0"
android:toDegrees="+360"
android:duration="1500"
android:startOffset="-1"
android:repeatMode="restart"
android:repeatCount="-1"/>
</set>
4、也可以通过ProgressBar来设置Loading动画
<ProgressBar
android:id="@+id/loadingProgressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminateDrawable="@drawable/loading_ring"
android:indeterminateOnly="true"
android:indeterminateBehavior="repeat"
style="?android:attr/progressBarStyle"/>
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:toDegrees="360"
android:pivotX="50%"
android:pivotY="50%">
<shape android:shape="ring"
android:innerRadiusRatio="3"
android:thicknessRatio="8"
android:useLevel="false">
<size android:width="45dp"
android:height="45dp" />
<gradient android:type="sweep"
android:useLevel="false"
android:startColor="#ffaaaaaa"
android:centerColor="#ff888888"
android:centerY="0.5"
android:endColor="#ff666666" />
</shape>
</rotate>
2、通过ImageView加载loading动画
ImageView loadingImg = (ImageView) this.findViewById(R.id.loadingImg);
Animation animation = AnimationUtils.loadAnimation(this, R.anim.loading_animation);
loadingImg.startAnimation(animation);
3、动画loading_animation.xml文件如下
<?xml version="1.0" encoding="utf-8"?>
<set android:shareInterpolator="false" xmlns:android="http://schemas.android.com/apk/res/android">
<rotate
android:interpolator="@android:anim/linear_interpolator"
android:pivotX="50%"
android:pivotY="50%"
android:fromDegrees="0"
android:toDegrees="+360"
android:duration="1500"
android:startOffset="-1"
android:repeatMode="restart"
android:repeatCount="-1"/>
</set>
4、也可以通过ProgressBar来设置Loading动画
<ProgressBar
android:id="@+id/loadingProgressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminateDrawable="@drawable/loading_ring"
android:indeterminateOnly="true"
android:indeterminateBehavior="repeat"
style="?android:attr/progressBarStyle"/>
相关文章推荐
- C# Winform 跨线程更新UI控件常用方法总结(转)
- iOS开发UI篇—UITableviewcell的性能优化和缓存机制
- Snail—UI学习之滚动视图UIScrollViewControl
- monkey如何通过uiautomatorviewer的bounds坐标点击控件
- 动态改变ToolBar中的MenuItem
- UI组件----SeekBar
- build.gradle 使用tips
- iOS开发UI篇—UITableview控件简单介绍
- Snail—UI学习之开关UISwith
- 性能优化:StringBuilder>StringBuffer>String
- Snail—UI学习之UISegmentControl
- Android自动化之UI Automator Viewer
- Android Interview Questions
- PAT (Advanced Level) 1085. Perfect Sequence (25) 贪心算法
- UIButton详解
- 源码推荐(7.29):iOS图片查看器(多图全屏查看可缩放),给UITextView 添加超链接
- iOS开发UI篇—UIScrollView控件实现图片缩放功能
- iOS中多控制器管理 UITabBarController
- 整理的前端UI框架
- 解决interactivePopGestureRecognizer与UIPanGestureRecognizer冲突