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

zhibo系統開發發表於2023-11-28

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

自定義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" />


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


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2997692/,如需轉載,請註明出處,否則將追究法律責任。

相關文章