【Android】Android控件之Seekbar拖动条的使用

一、Seekbar的常用属性:

android:max    //滑动条的最大值

android:progress    //滑动条的当前值

android:secondaryProgress   //二级滑动条的进度

android:thumb   //滑块的drawable

android:progressDrawable   //滑动条的drawable

android:splitTrack     // 是否设置一个间隙,让滑块与底部图片分隔

二、Seekbar的事件:setOnSeekBarChangeListener

seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

    //进度条发生改变时会触发
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean b) {
        Toast.makeText(SeekBarActivity.this, "当前进度条是" + progress + "/100", Toast.LENGTH_SHORT).show();
    }

    //按住seekbar时会触发
    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {
        Toast.makeText(SeekBarActivity.this, "按住seekbar时会触发", Toast.LENGTH_SHORT).show();
    }

    //放开seekbar时会触发
    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {
        Toast.makeText(SeekBarActivity.this, "放开seekbar时会触发", Toast.LENGTH_SHORT).show();
    }
});

三、Seekbar使用小例

1SeekBar默认样式

【Android】Android控件之Seekbar拖动条的使用_第1张图片

2SeekBar默认样式 + 删除左右两边的padding距离

【Android】Android控件之Seekbar拖动条的使用_第2张图片

3SeekBar默认样式 +设置最大进度100、正在进度20、第二进度50

【Android】Android控件之Seekbar拖动条的使用_第3张图片

4SeekBar默认样式 +设置thumb背景

thumb背景图片:ic_seekbar_thumb.xml

【Android】Android控件之Seekbar拖动条的使用_第4张图片


【Android】Android控件之Seekbar拖动条的使用_第5张图片

5SeekBar自定义样式 +设置thumb滑块背景选择器 sb_thumb_selector.xml

滑块背景选择器:sb_thumb_selector.xml

【Android】Android控件之Seekbar拖动条的使用_第6张图片

【Android】Android控件之Seekbar拖动条的使用_第7张图片

6SeekBar自定义样式+设置progress进度背景选择器  sb_progress_bg.xml

     layer-list图层:

【Android】Android控件之Seekbar拖动条的使用_第8张图片

【Android】Android控件之Seekbar拖动条的使用_第9张图片

添加android:splitTrack=”false”属性,不让滑块与底部图片分割,效果如图:

【Android】Android控件之Seekbar拖动条的使用_第10张图片

 

6SeekBar自定义样式(类似遥控)

设置thumb滑块背景 seekbar_thumb.xml

【Android】Android控件之Seekbar拖动条的使用_第11张图片

设置progress进度背景 seekbar_bg.xml

【Android】Android控件之Seekbar拖动条的使用_第12张图片

效果如图:(感觉滑块有点怪)

【Android】Android控件之Seekbar拖动条的使用_第13张图片

添加android:splitTrack=”false”属性,不让滑块与底部图片分割,看上起就不怪了,效果如图:

 
  

 

【Android】Android控件之Seekbar拖动条的使用_第14张图片

小案例中还用到了这个属性,这个属性是干什么用的呢?

android:thumbTintMode="multiply"

 添加android:thumbTintMode="multiply"属性,混合模式,用于滑块着色。 

【Android】Android控件之Seekbar拖动条的使用_第15张图片【Android】Android控件之Seekbar拖动条的使用_第16张图片

关于这个属性的开发文档在下面连接里:

http://www.zhdoc.net/android/reference/android/widget/AbsSeekBar.html#attr_android:thumbTintMode

 

 

你可能感兴趣的:(Android)