SeekBar

SeekBar基本属性

java代码中setxxx即可设置相应属性
android:max="100" //滑动条的最大值
android:progress="60" //滑动条的当前值
android:maxHeight="20"//进度条的最大高度
android:minHeight="5"//进度条的最低高度
android:secondaryProgress="70" //二级滑动条的进度
android:thumb = "@drawable/sb_thumb" //滑块的图样
android:progressDrawable="@drawable/sb_bar" //设置进度条图样

SeekBar监听方法

通过设置事件监听器setOnSeekBarChangeListener来获取SeekBar的当前状态,通常要监听以下3个事件
onProgressChanged:进度发生改变时会触发
onStartTrackingTouch:按住SeekBar时会触发
onStopTrackingTouch:放开SeekBar时触发

//seekbar监听
seekbar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener(){
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                //进度条改变
                textview.setText(progress+"/100");

            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
                //按住进度条
                Toast.makeText(MainActivity.this,"触摸进度条",Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
                //松开进度条
                Toast.makeText(MainActivity.this,"松开进度条",Toast.LENGTH_SHORT).show();

            }
        });

SeekBar简单定制

  • 定制滑块
    sb_thumb.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="@mipmap/seekbar_thumb_pressed"/>
//松开滑块时滑块样式
    <item android:state_pressed="false" android:drawable="@mipmap/seekbar_thumb_normal"/>
</selector>
  • 定制条行栏
    sb_bar.xml:
<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
//3个层的顺序即为显示时的叠加顺序
//背景色
    <item android:id="@android:id/background">
        <shape>
            <solid android:color="#FFFFD042" />
        </shape>
    </item>
//二级进度条颜色
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <solid android:color="#FFFFFFFF" />
            </shape>
        </clip>
    </item>
//一级进度条颜色
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="#FF96E85D" />
            </shape>
        </clip>
    </item>
</layer-list>

推荐阅读更多精彩内容