Android SeekBar的使用,进度条的另一种实现方式
2018-03-19 本文已影响97人
IT一书生
概述:
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).