zoukankan      html  css  js  c++  java
  • Android之SeekBar总结(一)

     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属性。

                         

           

                      

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

    最终结果显示如下:

     

  • 相关阅读:
    Gym
    Gym
    Gym 101147B
    巴什博弈入门
    Hihocode 1304
    hihocoder 1441
    web前端
    ajax json html 结合
    关于获取各种浏览器可见窗口大小:
    原生JS 购物车及购物页面的cookie使用
  • 原文地址:https://www.cnblogs.com/taotaomajia/p/4453416.html
Copyright © 2011-2022 走看看