美文网首页Android开发
SeekBar的样式及使用

SeekBar的样式及使用

作者: 笔墨Android | 来源:发表于2017-07-15 13:36 被阅读1362次

不怕跌倒,所以飞翔

现在很多短视频都会用到seekBar去调节视频进度,所以seekBar很有必要学习一下

本文的主要知识点有:

  • 自定义seekBar的样式;
  • seekBar的简单使用。

关于seekBar的样式

系统提供的样式实在是太丑了,所以一般使用seekBar的时候都会自定义样式的,关于seekBar的自定义样式,其实就是设置一个DrawableseekBar中去,设置之后效果还是可以得,所以我们下面就开始撸代码吧!

1.首先就是在布局文件中设置SeekBar的xml

 <SeekBar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:maxHeight="3dp"
        android:minHeight="3dp"
        android:progressDrawable="@drawable/seekbar_bg"
        android:thumb="@drawable/seekbar_thumb_bg"/>

这里说明几点:

  • maxHeight和minHeight 这个属性如果不进行设置的话拖动条会很宽很宽的,着实难看;
  • progressDrawable就是进度条的颜色设置,后面我会把具体写法贴出来的;
  • thumb是设置焦点和按下等一些操作使拖动按钮改变的

2.seekbar的背景设置也就是上面的seekbar_bg

<?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="#ff51495e"/>
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <solid android:color="#f9062a"/>
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="#2db334"/>
            </shape>
        </clip>
    </item>

</layer-list>

上面就是设置三层颜色的,其中background是底色,secondaryProgress是缓冲的颜色,progress是当前进度的颜色

3.设置thumb(也就是设置拖动时、获取焦点等拖动块的颜色)就是上面themb对应的seekbar_thumb_bg

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!--获取焦点和没有按下的时候-->
    <item android:drawable="@drawable/seekbar_thumb_normal" android:state_focused="true" android:state_pressed="false"/>
    <!--获取焦点但按下的时候-->
    <item android:drawable="@drawable/seekbar_thumb_pressed" android:state_focused="true" android:state_pressed="true"/>
    <!--没有获取焦点按下的时候-->
    <item android:drawable="@drawable/seekbar_thumb_pressed" android:state_focused="false" android:state_pressed="true"/>
    <!--默认的时候-->
    <item android:drawable="@drawable/seekbar_thumb_normal"/>

</selector>
seekbar_thumb_normal.png seekbar_thumb_pressed.png

基本上就这些东西了,别觉得我颜色配的丑,我只是觉得这样明显一些哈哈!

关于seekBar的使用

其实作为android的这个空间,没有什么主要的,就是一个监听和几个设置进度的方法

1.常用方法

  • setProgress(int value) 设置滑块的位置
  • setMax(int value) 设置进度条的最大长度
  • setOnSeekBarChangeListener(OnSeekBarCHangeListener l) 设置SeekBar的进度改变事件
  • onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) 这个主要是监听进度改变的,这里的progress就是当前的进度,这个fromUser我也没弄懂是什么意思,还请知道的大神说一下!
  • onStartTrackingTouch(SeekBar seekBar) 这个是监听开始拖动滚动条时的操作
  • onStopTrackingTouch(SeekBar seekBar) 停止拖动滚动条的操作
  • setSecondaryProgress(int secondaryProgress) 设置缓冲的进度

别的还真不知道写什么了,以后有什么不知道的在往上面添加吧!

相关文章

  • SeekBar的样式及使用

    不怕跌倒,所以飞翔 现在很多短视频都会用到seekBar去调节视频进度,所以seekBar很有必要学习一下 本文的...

  • Android 仿vivo的SeekBar样式

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

  • android seekbar 踩坑之路

    最近项目中有用到seekbar,之前对这东西不太了解,趁机来踩坑。 seekbar样式 按我觉得Material ...

  • Android自定义Seekbar

    提要 系统的SeekBar无法满足我们的使用,自定义控件开发SeekBar 系统SeekBar属性分析 SeekB...

  • android SeekBar

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

  • SeekBar

    Android-SeekBar进度条的使用Android控件与布局——基础控件SeekBar

  • Android 纯代码实现Seekbar布局,解决maxHeig

    Seekbar常规使用方式通过xml布局方式实现,但是由于我们的是sdk,不能有xml布局,所以SeekBar使用...

  • seekBar改变样式

    在xml中 竖直的seekBar这样写

  • 使用系统 Seekbar 来表示浮点数

    使用 Seekbar 来表示小数 需求来源 我们在日常开发中使用 seekbar 时可能更多的是表示整型数据的拖动...

  • Seekbar使用

    src/layout src/layout-v21 drawable

网友评论

    本文标题:SeekBar的样式及使用

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