Android开源DiscreteSeekbar：动画气泡指示当前滑动值

╰半橙微兮° 2024-02-17 16:31 8阅读 0赞

**Android开源DiscreteSeekbar：动画气泡指示当前滑动值**

Android本身提供的SeekBar用以调控值以及回调传回当前选择的值。但Android原生的SeekBar表现力不太丰富，在github上有一个开源的第三方DiscreteSeekbar，增强了Android原生的Android Seekbar的表现力，DiscreteSeekbar在github上的项目主页是：[https://github.com/AnderWeb/discreteSeekBar][https_github.com_AnderWeb_discreteSeekBar]

当用户的手指拖动DiscreteSeekbar的滑块时候会自动弹出气泡跟随滑动提示当前的值。

使用DiscreteSeekbar首先需要写布局：

DiscreteSeekbar一些常用的属性定义：  
app:dsb\_max：最大值  
app:dsb\_min：最小值  
app:dsb\_value：当前值  
app:dsb\_indicatorFormatter：定义在弹出的动画气泡中显示的样式，比如，app:dsb\_indicatorFormatter="值 %d"表示显示出来的值形如：值 37。

DiscreteSeekbar可以自定制的属性很多，可以在其github的项目主页上查看。DiscreteSeekbar可以像Android 原生的Seekbar一样使用。

Java代码：

import android.app.Activity;
    import android.os.Bundle;
    import android.util.Log;
    
    import org.adw.library.widgets.discreteseekbar.DiscreteSeekBar;
    import org.adw.library.widgets.discreteseekbar.DiscreteSeekBar.OnProgressChangeListener;
    
    public class MainActivity extends Activity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            
            setContentView(R.layout.activity_main);
            
            DiscreteSeekBar discreteSeekBar1 = (DiscreteSeekBar) findViewById(R.id.discrete1);
            discreteSeekBar1.setNumericTransformer(new DiscreteSeekBar.NumericTransformer() {
                @Override
                public int transform(int value) {
                    return value * 100;
                }
            });
            
            DiscreteSeekBar discreteSeekBar2 = (DiscreteSeekBar) findViewById(R.id.discrete2);
            discreteSeekBar2.setOnProgressChangeListener(new OnProgressChangeListener(){
    
    			@Override
    			public void onProgressChanged(DiscreteSeekBar seekBar, int value, boolean fromUser) {
    				Log.d("当前值", value+"");
    			}
    
    			@Override
    			public void onStartTrackingTouch(DiscreteSeekBar seekBar) {
    				
    			}
    
    			@Override
    			public void onStopTrackingTouch(DiscreteSeekBar seekBar) {
    				
    			}});
        }
    }

运行结果如图：

![Center][]

![Center 1][]

![Center 2][]

[https_github.com_AnderWeb_discreteSeekBar]: https://github.com/AnderWeb/discreteSeekBar
[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/d4ecfef11b3840d58d07c6dba3ecf63f.png
[Center 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/0c40aba00bf14aacab855536c891bcc1.png
[Center 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/41bce2d0ee88455584c39bc4d6772893.png