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



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

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

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

使用DiscreteSeekbar首先需要写布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <org.adw.library.widgets.discreteseekbar.DiscreteSeekBar
        android:id="@+id/discrete1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dip"
        app:dsb_max="10"
        app:dsb_min="-5"
        app:dsb_value="-1" />

    <org.adw.library.widgets.discreteseekbar.DiscreteSeekBar
        android:id="@+id/discrete2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dip"
        app:dsb_allowTrackClickToDrag="false"
        app:dsb_indicatorColor="@color/my_floater_color"
        app:dsb_indicatorFormatter="值 %d"
        app:dsb_indicatorTextAppearance="@style/CustomFloaterTextAppearance"
        app:dsb_progressColor="@color/my_progress_color"
        app:dsb_rippleColor="#FF7788FF" />

    <org.adw.library.widgets.discreteseekbar.DiscreteSeekBar
        android:id="@+id/discrete3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dip"
        app:dsb_indicatorFormatter="%04d"
        app:dsb_max="1000"
        app:dsb_min="1" />

</LinearLayout>

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) {
				
			}});
    }
}

运行结果如图：