SeekBar進度和緩衝進度使用

Dway發表於2018-03-14

主要簡單記錄SeekBar的使用,例如視訊播放進度條,不僅要顯示播放進度,還要顯示緩衝進度,以下做下簡單說明。


一、使用SeekBar的佈局

<SeekBar
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:max="100"
        android:maxHeight="7dp"
        android:minHeight="7dp"
        android:progress="25"
        android:secondaryProgress="60"
        android:layout_marginLeft="20dp"
        android:progressDrawable="@drawable/video_seekbar_progress"
        android:thumbOffset="2dp"
        android:thumb="@drawable/video_seekbar_thumb"/>

其中:

1、thumb是可以拖動的小圓點圖片。

2、progress和secondaryProgress對應播放進度和緩衝進度,可以在程式碼中動態設定。

3、progressDrawable設定的是進度條背景、進度、緩衝效果。


二、video_seekbar_progress.xml放在drawable中,內容如下:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!--背景-->
    <item android:id="@android:id/background">
        <shape>
            <solid android:color="#ededed"/>
        </shape>
    </item>
    <!--緩衝進度-->
    <item android:id="@android:id/secondaryProgress" >
        <clip>
            <shape>
                <solid android:color="#bdbdbd"/>
            </shape>
        </clip>
    </item>
    <!--進度條-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="#00bbff"/>
            </shape>
        </clip>
    </item>
	
</layer-list>

OK,就這麼簡單。