直播平臺開發，自定義中間向兩邊滑動的滑動條

直播平臺開發，自定義中間向兩邊滑動的滑動條

自定義View屬性attrs.xml的程式碼如下：

    <declare-styleable name="CenterSeekBar">
        <attr name="max" format="integer" />
        <attr name="min" format="integer" />
        <attr name="progress" format="integer" />
        <attr name="thumb" format="reference" />
        <attr name="progressDrawable" format="reference" />
        <attr name="backgroundDrawable" format="reference" />
    </declare-styleable>

自定義滑動圓點seekbar_thumb_selector.xml如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="
    <item android:drawable="@mipmap/seekbar_pre" android:state_pressed="true"/>
    <item android:drawable="@mipmap/seekbar_pre" android:state_focused="true"/>
    <item android:drawable="@mipmap/seekbar_nor" />
</selector>

自定義漸變的滑動條seekbar_progress.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="
    <corners android:radius="6dp" />
    <gradient
        android:endColor="#ffb05c"
        android:startColor="#ff7611" />
</shape>

自定義背景條seekbar_background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="
    <corners android:radius="6dp" />
    <solid android:color="#66ccddff" />
</shape>

佈局檔案中的程式碼如下：

    <com.example.myapplication.CenterSeekBar
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:minHeight="12dp"
        android:layout_centerInParent="true"
        app:progressDrawable="@drawable/seekbar_progress"
        app:thumb="@drawable/seekbar_thumb_selector"
        app:backgroundDrawable="@drawable/seekbar_background"
        app:max="20" />

 以上就是 直播平臺開發，自定義中間向兩邊滑動的滑動條，更多內容歡迎關注之後的文章