圆形进度条,不确定进度条:
<!-- 原生圆形进度条 不确定进度条 -->
<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content" /> <!--
自定义圆形进度条 不确定进度条
android:indeterminateDrawable="@drawable/progress_bar1"
-->
<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminateDrawable="@drawable/progress_bar1"
android:layout_marginTop="20dp"
/>
android:indeterminateDrawable="@drawable/progress_bar1" 的progress_bar1.xml:
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:pivotX="50%"
android:pivotY="50%"
android:fromDegrees="0"
android:toDegrees="360"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"> <!--进度条图片-->
<bitmap
android:antialias="true"
android:filter="true"
android:src="@drawable/share_circle"/> </rotate>
效果:
水平方向进度条:
<!-- 原生水平进度条 -->
<ProgressBar
android:layout_width="match_parent"
android:layout_height="wrap_content"
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
android:max="100"
android:progress="50"
android:layout_marginTop="20dp"
/> <!--
自定义水平样式 进度条
android:progressDrawable="@drawable/progress_bar2"
-->
<ProgressBar
android:layout_width="match_parent"
android:layout_height="wrap_content" style="@style/Widget.AppCompat.ProgressBar.Horizontal"
android:max="200"
android:progress="100"
android:layout_marginTop="20dp"
android:layout_marginBottom="20dp" android:progressDrawable="@drawable/progress_bar2"
/>
android:progressDrawable="@drawable/progress_bar2" 的progress_bar2.xml:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 背景 gradient是渐变,corners定义的是圆角 -->
<item android:id="@android:id/background">
<shape>
<corners android:radius="10dp" /> <solid android:color="#ffffff" />
</shape>
</item> <!-- 第二条进度条颜色 -->
<item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<corners android:radius="10dip" /> <gradient
android:angle="90.0"
android:centerColor="#ac6"
android:centerY="0.45"
android:endColor="#6c2"
android:startColor="#e71a" />
</shape>
</clip>
</item> <!-- 进度条 -->
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="10dip" /> <solid android:color="#F5e5" />
</shape>
</clip>
</item> </layer-list>
效果: