SeekBar

作者: NullUser | 来源:发表于2017-05-23 20:39 被阅读0次

    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>
    

    相关文章

      网友评论

          本文标题:SeekBar

          本文链接:https://www.haomeiwen.com/subject/rppgxxtx.html