1. 程式人生 > >Android SeekBar 進度條 沙漏 載入條

Android SeekBar 進度條 沙漏 載入條

    <SeekBar
        android:id="@+id/seek"
        android:layout_width="300px"
        android:layout_height="wrap_content"
        android:max="100"
        android:progress="50"
        android:progressDrawable="@drawable/seekbar_img"
        android:thumb="@drawable/thumb" />

圓形進度條

    <ProgressBar
android:id="@+id/progressBar1" style="?android:attr/progressBarStyleLarge" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" />
條形 進度條 <ProgressBar android:id= "@+id/progressBar1
" style= "?android:attr/progressBarStyleHorizontal" android:layout_width= "wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:max= "100" android:progress= "70" />
精度條 seebar_img.xml <?xml version="1.0" encoding= "utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 背景條 --> <item android:id="@+android:id/background" android:drawable="@drawable/bg" /> <!--二級精度條 --> <item android:id="@+android:id/SecondaryProgress" android:drawable="@drawable/bg" /> <!-- 一級進度條 --> <item android:id="@+android:id/progress" android:drawable="@drawable/bg2" /> </layer-list> 進度條的button thumb.xml <?xml version="1.0" encoding= "UTF-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 按下狀態 --> <item android:state_pressed="true" android:drawable="@drawable/bg3" /> <!-- 普通無焦點狀態 --> <item android:state_focused="false" android:state_pressed= "false" android:drawable="@drawable/bg4" /> </selector> gif 動畫 載入條。 1、建立動畫 資料夾 anim loading.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/xiu0" /> <item android:duration="150" android:drawable= "@drawable/xiu1" /> <item android:duration="150" android:drawable= "@drawable/xiu2" /> <item android:duration="150" android:drawable= "@drawable/xiu3" /> </animation-list> 2、在style中建立style 使用 indeterminateDrawable屬性 設定 上面的動畫。 <?xml version= "1.0" encoding ="UTF-8"?> <resources> <style name= "animStyle" parent ="@android:style/Widget.ProgressBar.Large"> <item name= "android:indeterminateDrawable" >@anim/loading</item> </style> </resources> 3、在progress 中設定style 為上個style的名字。 <ProgressBar android:id="@+id/ProgressBar01" style="@style/animStyle" android:layout_width="128px" android:layout_height ="128px"></ ProgressBar>