美文网首页
SeekBar自定义样式最优实现

SeekBar自定义样式最优实现

作者: 谢伟浩 | 来源:发表于2020-01-07 23:03 被阅读0次

1. 布局文件

    <SeekBar
        android:id="@+id/seekbar"
        android:thumb="@drawable/selector_seekbar_thumb"
        android:progressDrawable="@drawable/seekbar_layer"
        android:layout_centerInParent="true"
        android:maxHeight="6dp"
        android:minHeight="6dp"
        android:layout_width="200dp"
        android:layout_height="wrap_content"/>
  • android:thumb为滑块的样式
  • android:progressDrawable为进度条样式
  • android:maxHeight和android:minHeight设置进度条的厚度,请将这两个值设为同一个值(亲测4.4中只设置android:maxHeight时,进度条没居中)
    下面自定义滑块的样式和进度条样式

2. 自定义滑块的样式

新建文件selector_seekbar_thumb.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/shape_seekbar_thumb_normal" android:state_pressed="true"/>
    <item android:drawable="@drawable/shape_seekbar_thumb_normal"/>
</selector>

新建文件shape_seekbar_thumb_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size android:width="20dp" android:height="20dp"/>
    <stroke android:color="@android:color/black" android:width="1dp"/>
    <gradient
        android:startColor="#5B5B5B"
        android:endColor="#141414"
        android:angle="270"
        />
</shape>

3. 自定义进度条样式

新建文件seekbar_layer.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>
            <stroke android:width="1dp" android:color="#2C2C2C"/>
            <solid android:color="#4f4f4f"/>
            <corners android:radius="3dp"/>
        </shape>
    </item>
    <!--第二进度条-->
    <!--<item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <stroke android:width="1dp" android:color="@android:color/holo_green_dark"/>
                <solid android:color="#212121"/>
                <corners android:radius="3dp"/>
            </shape>
        </clip>
    </item>-->
    <!--第一进度条-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <stroke android:width="1dp" android:color="@android:color/black"/>
                <solid android:color="#212121"/>
                <corners android:radius="3dp"/>
            </shape>
        </clip>
    </item>
</layer-list>

相关文章

  • SeekBar自定义样式最优实现

    1. 布局文件 android:thumb为滑块的样式 android:progressDrawable为进度条样...

  • 自定义seekbar遇到的问题

    项目需要自定义seekbar样式,记录一下这个过程中的问题和解决方案。UI设计样式如图:宽度填满父view 在实现...

  • seekBar镂空,透明效果

    功能开发 需求 设计要求seekBar样式具体如下图所示: 解决过程 首先自定义seek,实现颜色以及大小的变化。...

  • 自定义SeekBar,实现带刻度的进度条实现颜色渐变效果

    自定义SeekBar, 进度变化由可视化气泡样式呈现,定制化程度较高 实现带刻度的进度条实现颜色渐变效果 源码下载...

  • android SeekBar

    概述 SeekBar,拖动条。主要的要点是自定义的样式,拖动条的值,拖动条值改变的监听器等等。 1.SeekBar...

  • android ProgressBar

    概述 progressBar,进度条,可以设置自定义的样式,其派生出很多控件,如SeekBar,RatingBar...

  • 自定义中间向左右滑动的seekbar

    seekbar的样式层出不穷,下面这篇文章也只是讲述了其中的一种,自定义view实现从中间向左右滑动的seekba...

  • SeekBar自定义样式

    1.使用 2.属性介绍 3.进度条样式修改 新建player_setting_bright_progressbar...

  • Android 仿vivo的SeekBar样式

    本篇其实是有点水的,目的是为了记录一下SeekBar的样式自定义步骤,SeekBar使用并不是特别多,但一需要用的...

  • seekbar的使用

    转载连接:seekBar自定义样式 1.xml文件: 可以发现属性:thumbOffset为0,是为了确保thum...

网友评论

      本文标题:SeekBar自定义样式最优实现

      本文链接:https://www.haomeiwen.com/subject/ghtjactx.html