android的三个基础控件,Android基础控件——ProgressBar自定义的介绍、动画效果实现、附加三个漂亮的进度条...

xml文件：

android:centerColor="#00ff00"

android:endColor="#0000ff"

android:startColor="#ff0000" />

angle效果图[演示从0-45-90-135-180](为了更好的理解)

centerX效果图[演示从0-0.2-0.4-0.6-0.8-1.0](为了更好的理解)

步骤一：创建出drawable的xml文件

android:centerColor="#88ff3939"

android:endColor="#50ff3939"

android:startColor="#90ff3939" />

android:centerColor="#88221e12"

android:endColor="#50221e12"

android:startColor="#90221e12" />

步骤二：在layout的xml文件中使用

android:id="@+id/pb"

style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:progressDrawable="@drawable/custom_download_progress_bar" />步骤三：查看效果图步骤四：动画效果实现(这里使用indeterminateDrawable这个属性)准备一组图片，在drawable\xml中：

android:oneshot="false">

android:drawable="@drawable/app_refresh_people_0"

android:duration="200" />

android:drawable="@drawable/app_refresh_people_1"

android:duration="200" />

android:drawable="@drawable/app_refresh_people_2"

android:duration="200" />

android:drawable="@drawable/app_refresh_people_3"

android:duration="200" />

在layout\xml文件中：

style="?android:attr/progressBarStyle"

android:layout_width="98dp"

android:layout_height="146dp"

android:layout_centerInParent="true"

android:indeterminate="false"

android:indeterminateDrawable="@drawable/custom_animation_progress_bar" />效果图：步骤五：附加三个漂亮的进度条先看效果图：

三个drawable的xml文件：orange

red

blue

三个在layout的xml文件：

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:padding="16dp">

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:background="#F07C4E"

android:orientation="horizontal"

android:padding="8dp">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:background="#DB551D"

android:paddingBottom="8dp"

android:paddingLeft="16dp"

android:paddingRight="16dp"

android:paddingTop="8dp"

android:text="18%"

android:textColor="#ffffff"

android:textSize="16dp" />

style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"

android:layout_width="match_parent"

android:layout_height="22dp"

android:layout_gravity="center_vertical"

android:paddingBottom="6dp"

android:paddingLeft="12dp"

android:paddingRight="12dp"

android:paddingTop="6dp"

android:progress="18"

android:progressDrawable="@drawable/custom_orange_progress_bar" />

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:background="#F14E69"

android:orientation="horizontal"

android:padding="8dp">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:background="#DA1C38"

android:paddingBottom="8dp"

android:paddingLeft="16dp"

android:paddingRight="16dp"

android:paddingTop="8dp"

android:text="62%"

android:textColor="#ffffff"

android:textSize="16dp" />

style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"

android:layout_width="match_parent"

android:layout_height="22dp"

android:layout_gravity="center_vertical"

android:paddingBottom="6dp"

android:paddingLeft="12dp"

android:paddingRight="12dp"

android:paddingTop="6dp"

android:progress="62"

android:progressDrawable="@drawable/custom_red_progress_bar" />

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:background="#4ED9EC"

android:orientation="horizontal"

android:padding="8dp">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:background="#1DBADB"

android:paddingBottom="8dp"

android:paddingLeft="16dp"

android:paddingRight="16dp"

android:paddingTop="8dp"

android:text="47%"

android:textColor="#ffffff"

android:textSize="16dp" />

style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"

android:layout_width="match_parent"

android:layout_height="22dp"

android:layout_gravity="center_vertical"

android:paddingBottom="6dp"

android:paddingLeft="12dp"

android:paddingRight="12dp"

android:paddingTop="6dp"

android:progress="47"

android:progressDrawable="@drawable/custom_blue_progress_bar" />