码迷,mamicode.com
首页 > 移动开发 > 详细

Android之SeekBar总结(一)

时间:2015-04-24 16:13:36      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

 2015-04-24

 

 

SeekBar:

一种特殊的进度条,包含一个滑块用于调节进度值。

API 中目录结构如下:

 技术分享

 


 

包含几种特殊的属性:

   1: max:设置进度条的最大值 。对应方法:setMax(int max); max=100,代表它的取值范围是0-100,共101个值;

 

2: progress: 设置默认的进度值 对应有方法: setProgress(int progress);

3secondaryProgresss : 设置默认缓冲值 对应的方法 setSecondaryProgress(int  secondaryProgresss );

 


 

以上的方法和成员都是继承自ProgressBar;而SeekBar自带的特殊属性如下:

4thumb : 滑块属性,应该对应是一个drawable资源;

5progressDrawable,表示SeekBar的背景图片

6SeekBar类包含一个setOnSeekBarChangeListener的方法。当用户使用seekBar的时候会触动该方法,一般用于设置监听事件

 

SeekBar.OnSeekBarChangeListener:是一个public static interface 。包含有三个方法:

 技术分享

用户在使用时必须实现该接口中的方法,或者使用匿名内部类。

 

二:用户自定义的SeekBar样式:

当前的SeekBar不能满足用户需求的时候,我们可以自定义SeekBar来实现各自想要的功能和视觉体验。

简单的自定义:在xml中自定义,可以实现不同的背景图和滑块,让SeekBar UI体验更好。

复杂的自定义:用java代码重写MySeekBar代码extends SeekBar;可以给MySeekBar添加一些控件和功能。

 

先看看简单的实现

自定义SeekBar的滑块定义为:android:thumb="@drawable/thumb_bar"

这时需要在res/drawable文件下自定义一个thumb_bar.xml

它调用的thumb_bar.xml的内容如下

<?xml version="1.0" encoding="UTF-8"?>

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

    <!-- 按下状态 -->

    <item android:state_pressed="true"

        android:drawable="@drawable/thumb_dn" />

 

    <!-- 焦点状态 -->

    <item android:state_focused="true"

        android:drawable="@drawable/thumb_up" />

    

    <!-- 默认状态 -->

    <item android:drawable="@drawable/thumb_up" />  

    

</selector>

//注释:以上代码来源网上

注意图中的Selector 标记和状态标记。通过Selector可以在不同状态中选择不同的图片,比如当用户按下时,用A照片,不按时用B照片。

 

自定义SeekBar背景图的实现android:progressDrawable="@drawable/bg_bar"

与自定义的滑块实现机制差不多:都是在属性中引用一个XML文件,然后在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" android:drawable="@drawable/bar_dn" />

    <!-- 第二进度图 -->

    <item android:id="@+android:id/SecondaryProgress" android:drawable="@drawable/bar_dn" />

    <!-- 进度度 -->

    <item android:id="@+android:id/progress" android:drawable="@drawable/bar_up" />

</layer-list>

===============================================================

标记的作用:layer-list:layer-list可以将多个图片按照顺序层叠起来。其中的Item有两个重要的xml属性:androidid 和 androiddrawable属性。

 

                  技术分享   

       技术分享

          技术分享        技术分享

 

//注释:图片资源;来源网络

最终结果显示如下:

 技术分享

Android之SeekBar总结(一)

标签:

原文地址:http://www.cnblogs.com/taotaomajia/p/4453416.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!