美文网首页
Android SeekBar的使用,进度条的另一种实现方式

Android SeekBar的使用,进度条的另一种实现方式

作者: IT一书生 | 来源:发表于2018-03-19 23:01 被阅读97次

    概述:

    SeekBar是进度条。我们使用进度条时,可以使用系统默认的进度条;也可以自定义进度条的图片和滑块图片等。

    代码

    <SeekBar  
            android:id="@+id/seekbar_self"  
            android:layout_width="match_parent"  
            android:layout_height="wrap_content"  
            android:paddingStart="0dp"  
            android:paddingEnd="0dp"  
            android:max="100"  
            android:progress="20"  
            android:progressDrawable="@drawable/item_level_title_seekbar"  
            android:thumb="@drawable/item_level_title_seekbar_thumb" />
    

    属性

    • android:max 设置值的大小 .
    • android:thumb="@drawable/" 显示的那个可拖动图标,如果没有设置该参数则为系统默认,如果自己需要重新定义,则将自己需要的图标存放在资源目录 /res/drawable下,然后调用即可.
    • android:thumbOffset 拖动图标的偏量值,可以让拖动图标超过bar的长度.
    • android:progress 设置seekbar当前的默认值,范围0到max之间.
    • android:secondaryProgress 用过的迅雷的都知道拖动图标随着当前的播放时间的走动而走动,同时我们也注意到了也有个缓冲看到的进度条,这个属性就是用来设置默认显示的值为多少,范围为0到max.
    • android:progressDrawable 当我们不想使用系统默认的SeekBar时可以自己定义一个,这个资源文件就是用来调用我们自己定义的Seekbar图标的一般是在drawable下建立一个.xml文件s用layer-list来组织这些图标.

    item_level_title_seekbar

    <?xml version="1.0" encoding="utf-8"?>  
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
        <!-- 背景图 -->  
        <item android:id="@android:id/background"  
            android:drawable="@drawable/shape_level_title_seekbar_bg"/>  
        <!-- 第二进度图 -->  
        <item android:id="@android:id/secondaryProgress"  
             android:drawable="@drawable/shape_level_title_seekbar_bg"/>  
      
        <!-- 进度 -->  
        <item android:id="@android:id/progress">  
            <clip android:drawable="@drawable/shape_level_title_seekbar" />  
        </item>  
      
    </layer-list>  
    
    • shape_level_title_seekbar_bg
    <?xml version="1.0" encoding="utf-8"?>  
    <shape xmlns:android="http://schemas.android.com/apk/res/android"  
        android:shape="line">  
        <stroke  
            android:width="0.5dp"  
            android:color="#ffffff"/>  
        <size  
            android:height="0.5dp"/>  
    </shape>
    
    • shape_level_title_seekbar
    <?xml version="1.0" encoding="utf-8"?>  
    <shape xmlns:android="http://schemas.android.com/apk/res/android"  
        android:shape="line">  
        <stroke  
            android:width="0.5dp"  
            android:color="#50E3C2"/>  
        <size  
            android:height="0.5dp"/>  
    </shape>
    

    item_level_title_seekbar_thumb

    <?xml version="1.0" encoding="utf-8"?>  
    <shape xmlns:android="http://schemas.android.com/apk/res/android"  
        android:shape="oval">  
        <size  
            android:width="8dp"  
            android:height="8dp"/>  
        <gradient  
            android:startColor="#ffffff"  
            android:endColor="#50E3C2"  
            android:gradientRadius="12dp"  
            android:type="radial"/>  
    </shape> 
    

    改变监听

    SeekBar.OnSeekBarChangeListener,要实现其监听功能只要实现其接口即可。在SeekBar中我们需要监听的主要有如下三个事件

    • 数值的改变(onProgressChanged).
    • 开始拖动(onStartTrackingTouch).
    • 停止拖动(onStopTrackingTouch).

    相关文章

      网友评论

          本文标题:Android SeekBar的使用,进度条的另一种实现方式

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