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" />
總結
以上是生活随笔為你收集整理的android的三个基础控件,Android基础控件——ProgressBar自定义的介绍、动画效果实现、附加三个漂亮的进度条...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 荣耀10x 鸿蒙,荣耀10X PRO渲染
- 下一篇: html树形多选下拉列表,EasyUI