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

时间:2021-05-20

进度条样式在项目中经常可以见到,下面小编给大家分享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自定义圆形进度条,希望对大家有所帮助!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章