首页 > 代码库 > android 进度条
android 进度条
在之前实现自定义进度条的时候,基本上都是使用ImageView来实现的,见
如果只设置background,那么调整好的图片就会在圆圈中心。
Android 用Animation-list实现逐帧动画,最近一段时间看到APP的进度条很多都是ProgressBar然后圆圈里面是一张图片,所以就查看了一下ProgressBar的使用。
1、动画实现
定义res/anim/loading.xml,例如:
<?xml version="1.0" encoding="UTF-8"?> <animation-list android:oneshot="false" xmlns:android="http://schemas.android.com/apk/res/android"> <item android:duration="150" android:drawable="@drawable/load_1" /> <item android:duration="150" android:drawable="@drawable/load_3" /> <item android:duration="150" android:drawable="@drawable/load_5" /> <item android:duration="150" android:drawable="@drawable/load_7" /> <item android:duration="150" android:drawable="@drawable/load_9" /> <item android:duration="150" android:drawable="@drawable/load_11" /> <item android:duration="150" android:drawable="@drawable/load_13" /> <item android:duration="150" android:drawable="@drawable/load_15" /> </animation-list>
2、自定义颜色实现
定义res/drawable/progress.xml,例如:
<?xml version="1.0" encoding="utf-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="0" android:pivotX="50%" android:pivotY="50%" android:toDegrees="360" > <shape android:innerRadiusRatio="3" android:shape="ring" android:thicknessRatio="8" android:useLevel="false" > <gradient android:centerColor="#FFFFDC35" android:centerY="0.50" android:endColor="#FFCE0000" android:startColor="#FFFFFFFF" android:type="sweep" android:useLevel="false" /> </shape> </rotate>
3、一张图片
定义res/drawable/progress_small.xml,例如:
<ProgressBar android:layout_width="wrap_content" android:layout_height="wrap_content" android:indeterminateDrawable="@drawable/progress_small"/>
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <rotate android:drawable="@drawable/dialog_progress_round" android:fromDegrees="0.0" android:toDegrees="360.0" android:pivotX="50.0%" android:pivotY="50.0%" /> </item> </layer-list>
4、设置背景
<ProgressBar android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/load_1" />
如果只设置background,那么调整好的图片就会在圆圈中心。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。