Android開(kāi)發(fā)手冊(cè)SeekBar拖動(dòng)條使用實(shí)例

更新時(shí)間：2022年06月09日 09:28:14 作者：芝麻粒兒

這篇文章主要為大家介紹了Android開(kāi)發(fā)手冊(cè)SeekBar拖動(dòng)條使用實(shí)例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

??實(shí)踐過(guò)程

??常用屬性

因?yàn)镾eekbar繼承自ProgressBar，所以ProgressBar支持的XML屬性SeekBar都適用。

【android:max="100"】：設(shè)置該進(jìn)度條的最大值

【android:progress="50"】：設(shè)置該進(jìn)度條的已完成進(jìn)度值

【android:progressDrawable="@drawable/icon_xinsui"】：自定義drawable顯示

【android:secondaryProgress="50"】：定義二級(jí)進(jìn)度值，值介于0到max。該進(jìn)度在主進(jìn)度和背景之間。比如用于網(wǎng)絡(luò)播放視頻時(shí)，二級(jí)進(jìn)度用于表示緩沖進(jìn)度，主進(jìn)度用于表示播放進(jìn)度。

【android:splitTrack="false"】：設(shè)置進(jìn)度條的滑塊圖片

【android:thumb="@drawable/icon_xinsui"】：滑塊底部背景樣式（false為透明）

公共方法總共有14個(gè)，小空直接亮個(gè)截圖

??基本使用

Java版

<TextView
    android:id="@+id/tvProgress"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="數(shù)值范圍0~100之間，當(dāng)前值：30"
    android:textSize="20sp" />
<SeekBar
    android:id="@+id/seekBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
android:progress="30" />

seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        tvProgress.setText("數(shù)值范圍0~100之間，當(dāng)前值："+progress);
    }
    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {
    }
    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {
    }
});

Kotlin版

seekBar.setOnSeekBarChangeListener(object : OnSeekBarChangeListener {
           override fun onProgressChanged(seekBar: SeekBar, progress: Int, fromUser: Boolean) {
                tvProgress.setText("數(shù)值范圍0~100之間，當(dāng)前值：$progress")
            }
            override fun onStartTrackingTouch(seekBar: SeekBar) {}
            override fun onStopTrackingTouch(seekBar: SeekBar) {}
        })

然后使用Progressbar的屬性indeterminateDrawable指定即可。

??自定義樣式

這是系統(tǒng)自帶的一個(gè)對(duì)話框進(jìn)度條，樣式美觀度不敢恭維。

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_bar);
    ProgressDialog pb = new ProgressDialog(this);
    pb.setMax(100);
    //點(diǎn)擊外部是否可以被取消
    pb.setCancelable(true);
    //設(shè)置標(biāo)題
    pb.setTitle("下載對(duì)話框");
    //設(shè)置中間文本內(nèi)容
    pb.setMessage("正在下載中....");
    pb.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
    pb.show();
    //在show后調(diào)用
    pb.setProgress(50);
}

監(jiān)聽(tīng)方法 onStartTrackingTouch：當(dāng)開(kāi)始滑動(dòng)滑塊時(shí)，會(huì)執(zhí)行該方法下的代碼

不管哪個(gè)平臺(tái)系統(tǒng)樣式都無(wú)法滿足多樣的市場(chǎng)需求和審美需求，自定義樣式就是每個(gè)平臺(tái)都具有的功能。

<SeekBar
    android:id="@+id/seekBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:progress="30"
    android:progressDrawable="@drawable/seekbar_one"
    android:thumb="@drawable/icon_xinsui" />
<SeekBar
    android:id="@+id/seekBarTwo"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:progress="30"
    android:progressDrawable="@drawable/seekbar_two"
android:thumb="@drawable/icon_xinsui" />

seekbar_one.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">
        <shape>
            <solid android:color="#33AADD" />
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <solid android:color="#3CC4C4" />
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="#00ff00" />
            </shape>
        </clip>
    </item>
</layer-list>

seekbar_two.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">
        <shape>
            <corners android:radius="5dp"/>
        </shape>
        <!--    背景顏色-->
        <color android:color="#CCCCCC"/>
    </item>
    <item android:id="@android:id/progress">
        <clip
            android:clipOrientation="horizontal"
            android:gravity="left">
            <shape>
                <corners android:radius="5dp"/>
                <!--  開(kāi)始顏色，中途顏色，最后顏色-->
                <gradient
                    android:startColor="#00FF00"
                    android:centerColor="#0000FF"
                    android:endColor="#FF0000"/>
            </shape>
        </clip>
    </item>
</layer-list>

同理thumb其實(shí)也是可以自定義的，只不過(guò)這個(gè)通常美工給個(gè)圖就搞定了，如果是動(dòng)態(tài)整個(gè)drawable動(dòng)畫(huà)即可。

除此以外，通常我們還會(huì)遇見(jiàn)雙向選擇的滑動(dòng)條，比如購(gòu)物類(lèi)App選擇價(jià)格區(qū)間的時(shí)候。

可參考：

http://www.fzitv.net/article/250882.htm

http://www.fzitv.net/article/250876.htm

以上就是Android開(kāi)發(fā)手冊(cè)SeekBar拖動(dòng)條使用實(shí)例的詳細(xì)內(nèi)容，更多關(guān)于Android開(kāi)發(fā)SeekBar拖動(dòng)條的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: