首页 > 系统 > Android > 正文

Android三种方式实现ProgressBar自定义圆形进度条

2020-01-02 07:02:33
字体:
来源:转载
供稿:网友

进度条样式在项目中经常可以见到,下面小编给大家分享Android三种方式实现ProgressBar自定义圆形进度条。

Android进度条有4种风格可以使用。

默认值是progressBarStyle。

设置成progressBarStyleSmall后,图标变小。

设置成progressBarStyleLarge后,图标变大

设置成progressBarStyleHorizontal后,变成横向长方形。

自定义圆形进度条ProgressBar的一般有三种方式:

一、通过动画实现

定义res/anim/loading_anim.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/loading_blue_16_f0" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f1" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f2" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f3" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f4" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f5" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f6" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f7" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f8" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f9" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f10" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f11" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f12" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f13" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f14" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f15" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f16" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f17" /></animation-list>

在layout文件中引用如下:

<ProgressBarandroid:id="@+id/progressBar1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:layout_marginBottom="20dip"android:layout_marginTop="20dip"android:indeterminate="false"android:indeterminateDrawable="@anim/loading_anim" />

二、通过自定义颜色实现

定义res/drawable/loading_color.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" ><shapeandroid:innerRadiusRatio="3"android:shape="ring"android:thicknessRatio="8"android:useLevel="false" ><gradientandroid:centerColor="#FFDC35"android:centerY="0.50"android:endColor="#CE0000"android:startColor="#FFFFFF"android:type="sweep"android:useLevel="false" /></shape></rotate>

在layout文件中引用如下:

<ProgressBarandroid:id="@+id/progressBar2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:indeterminate="false" android:indeterminateDrawable="@drawable/loading_color" />

三、使用一张图片进行自定义

定义res/drawable/loading_img.xml如下:

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android" ><item><rotateandroid:drawable="@drawable/exchange_loading"android:fromDegrees="0.0"android:pivotX="50.0%"android:pivotY="50.0%"android:toDegrees="360.0" /></item></layer-list>

在layout文件中引用如下:

<ProgressBarandroid:id="@+id/progressBar3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:indeterminate="false"android:indeterminateDrawable="@drawable/lodaing_img"/>

以上内容是小编给大家分享的Android三种方式实现ProgressBar自定义圆形进度条,希望对大家有所帮助!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表