编程语言
首页 > 编程语言> > 直播系统app源码,自定义中间向两边滑动的滑动条

直播系统app源码,自定义中间向两边滑动的滑动条

作者:互联网

直播系统app源码,自定义中间向两边滑动的滑动条

自定义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="http://schemas.android.com/apk/res/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="http://schemas.android.com/apk/res/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="http://schemas.android.com/apk/res/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" />

 

以上就是 直播系统app源码,自定义中间向两边滑动的滑动条,更多内容欢迎关注之后的文章

 

标签:xml,自定义,seekbar,app,源码,滑动,android
来源: https://www.cnblogs.com/yunbaomengnan/p/16490269.html