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

}});
}
}


运行结果如图：