歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

Android UI之ProgressBar(進度條)

進度條是一個很實用的組件,一般用來顯示用戶某個耗時操作的進度百分比,首先來看一下Android支持的幾種風格的進度條:

  普通大小進度條

大進度條

大進度條

 小進度條
 小進度條

水平進度條

在樣式文件中分別添加這六個不同樣式的進度條,看看在模擬器上的效果

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     android:orientation="vertical" >  
  6.   
  7.     <TextView  
  8.         android:layout_width="fill_parent"  
  9.         android:layout_height="wrap_content"  
  10.         android:text="進度條演示" />  
  11.   
  12.     <ProgressBar   
  13.         android:layout_width="wrap_content"  
  14.         android:layout_height="wrap_content"  
  15.         android:max="1000"  
  16.         android:progress="100"  
  17.         android:id="@+id/progressbar1"  
  18.         />  
  19.       
  20.     <ProgressBar   
  21.         style="@android:style/Widget.ProgressBar.Inverse"  
  22.         android:layout_width="wrap_content"  
  23.         android:layout_height="wrap_content"  
  24.         android:max="100"  
  25.         android:progress="20"  
  26.         />  
  27.         <ProgressBar   
  28.         style="@android:style/Widget.ProgressBar.Large"  
  29.         android:layout_width="wrap_content"  
  30.         android:layout_height="wrap_content"  
  31.         android:max="100"  
  32.         android:progress="20"  
  33.         />  
  34.      <ProgressBar   
  35.         style="@android:style/Widget.ProgressBar.Large.Inverse"  
  36.         android:layout_width="wrap_content"  
  37.         android:layout_height="wrap_content"  
  38.         android:max="100"  
  39.         android:progress="20"  
  40.         />  
  41.     <ProgressBar   
  42.         style="@android:style/Widget.ProgressBar.Small"  
  43.         android:layout_width="wrap_content"  
  44.         android:layout_height="wrap_content"  
  45.         android:max="100"  
  46.         android:progress="20"  
  47.         />  
  48.     <ProgressBar   
  49.         style="@android:style/Widget.ProgressBar.Small.Inverse"  
  50.         android:layout_width="wrap_content"  
  51.         android:layout_height="wrap_content"  
  52.         android:max="100"  
  53.         android:progress="20"  
  54.         />      
  55.     <ProgressBar   
  56.         style="@android:style/Widget.ProgressBar.Horizontal"  
  57.         android:layout_marginTop="30dp"  
  58.         android:layout_width="fill_parent"  
  59.         android:layout_height="wrap_content"  
  60.         android:max="1000"  
  61.         android:progress="500"  
  62.         android:secondaryProgress="300"  
  63.         android:id="@+id/progressbar2"  
  64.         />  
  65. </LinearLayout>  
在模擬器上的效果:
Copyright © Linux教程網 All Rights Reserved