Android SeekBar 進度條 沙漏 載入條
阿新 • • 發佈:2019-02-14
<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>