Android SeekBar组件详解

一、SeekBar组件

SeekBar是Android中的一个用户界面组件，可以用来展示数值的范围和进度。SeekBar可以允许用户通过拖动手势来改变数值，并实时反馈当前的数值。SeekBar通常用于音量、亮度、进度的设置，以及一些其他的数值范围设置。

二、SeekBar和ProgressBar的区别

SeekBar和ProgressBar都是Android中的用户界面组件，但是在实际应用中它们具有类似却又不同的功能：

• ProgressBar一般用于提醒用户等待任务执行完成，而SeekBar则是用户主动进行数值更改的操作。
• SeekBar允许用户设置数值的范围，而ProgressBar仅仅是实现一个公告栏效果。

三、SeekBar控件

SeekBar是一个继承自ProgressBar的控件。SeekBar的基本属性如下：

• android:max：定义最大值
• android:progress：定义当前进度值
• android:secondaryProgress：定义第二进度值
• android:thumb：定义可拖动的控件的自定义图片
• android:thumbOffset：定义thumb在水平方向上的偏移量
• android:thumbTint、android:thumbTintMode：定义thumb的颜色和混合模式，从Android 5.0 Lollipop开始支持

示例代码如下：

<SeekBar
  android:id="@+id/seekBar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:max="100"
  android:progress="50"
  android:thumb="@drawable/ic_launcher"
  android:thumbOffset="8dp"/>  

四、SeekBar样式

SeekBar样式可以使用颜色、图片等方式来自定义SeekBar。SeekBar的样式属性如下：

• android:progressDrawable：定义进度条的自定义drawable
• android:indeterminateDrawable：定义不确定状态的自定义drawable
• android:thumb属性：定义可拖动的控件的自定义图片
• android:thumbTint、android:thumbTintMode：定义thumb的颜色和混合模式，从Android 5.0 Lollipop开始支持

示例代码如下：

<SeekBar
  android:id="@+id/seekBar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:max="100"
  android:progress="50"
  android:thumb="@drawable/ic_launcher"
  android:progressDrawable="@drawable/custom_seekbar"/>

五、SeekBar设置进度值

SeekBar的值可以通过代码设置。在设置值之前，必须要先获取到SeekBar对象，然后即可通过调用setProgress()方法来设置当前值。代码如下：

SeekBar seekBar = findViewById(R.id.seekBar);
seekBar.setProgress(50);

这样就可以将SeekBar的当前值设置为50。

六、Android SeekBar教程

SeekBar有许多用法和技巧，这里介绍一些常用的用法和技巧。

1、监听SeekBar数值变化

当SeekBar的数值发生变化时，可以使用setOnSeekBarChangeListener()方法来监听数值变化事件。具体代码如下：

SeekBar seekBar = findViewById(R.id.seekBar);
seekBar.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
  @Override
  public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
    // do something
  }
 
  @Override
  public void onStartTrackingTouch(SeekBar seekBar) {
    // do something
  }
 
  @Override
  public void onStopTrackingTouch(SeekBar seekBar) {
    // do something
  }
});

在onProgressChanged()方法中，可以实时获取SeekBar当前的数值，并根据数值来更新UI。

2、设置SeekBar的步长

由于SeekBar的值可以是一个连续的数值范围，当需要对数值进行较小的调整时，可以使用setKeyProgressIncrement()方法来设置SeekBar的步长。

SeekBar seekBar = findViewById(R.id.seekBar);
seekBar.setKeyProgressIncrement(1);

3、自定义SeekBar的图片

使用setThumb()方法可以设置SeekBar的thumb图片。如果需要使用自定义的图片，可以将图片保存到res/drawable目录下，并调用setThumb()方法来设置。

SeekBar seekBar = findViewById(R.id.seekBar);
Drawable thumb = getResources().getDrawable(R.drawable.custom_thumb);
seekBar.setThumb(thumb);

4、改变SeekBar的进度条颜色

可以使用XML样式文件或代码来改变SeekBar的进度条颜色。

方法一：使用XML样式文件

创建一个XML文件，定义SeekBar的样式，并应用到SeekBar。其中，<item android:id=”@android:id/background”用于设置背景颜色，<item android:id=”@android:id/progress”用于设置进度条颜色。代码如下：

<SeekBar
  android:id="@+id/seekBar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  style="@style/SeekBarGreen"/>

style.xml文件中：

<style name="SeekBarGreen" parent="Widget.AppCompat.SeekBar">
  <item name="android:progressDrawable">@drawable/custom_seekbar_green
  <item name="android:thumb">@drawable/custom_thumb_green
  <item name="android:background">@drawable/custom_seekbar_bg
</style>

方法二：使用代码

在代码中，可以使用ClipDrawable实现SeekBar的进度条颜色改变。示例代码如下：

SeekBar seekBar = findViewById(R.id.seekBar);
ClipDrawable progressDrawable =
        new ClipDrawable(
                getResources().getDrawable(R.drawable.custom_progress),
                Gravity.LEFT,
                ClipDrawable.HORIZONTAL
        );
seekBar.setProgressDrawable(progressDrawable);

其中，R.drawable.custom_progress是自定义的进度条背景Drawable的名称。

七、SeekBar获取当前值

获取SeekBar的当前值可以使用getProgress()方法，示例代码如下：

SeekBar seekBar = findViewById(R.id.seekBar);
int progress = seekBar.getProgress();

八、安卓自定义SeekBar

一个自定义SeekBar的例子。自定义SeekBar可以用来实现各种不同的进度条效果。

public class CustomSeekBar extends SeekBar {
  public CustomSeekBar(Context context) {
    super(context);
  }
 
  public CustomSeekBar(Context context, AttributeSet attrs) {
    super(context, attrs);
  }
 
  public CustomSeekBar(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
  }
 
  @Override
  protected synchronized void onDraw(Canvas canvas) {
    super.onDraw(canvas);
 
    // 绘制自定义的SeekBar
    // ...
  }
}

九、安卓SeekBar彩色轨道

可以根据进度值的不同，使用不同的颜色来区分不同的状态。

public class ColorfulSeekBar extends SeekBar {
  private static final int[] colors = {color1, color2, color3, color4, color5};
 
  public ColorfulSeekBar(Context context) {
    super(context);
  }
 
  public ColorfulSeekBar(Context context, AttributeSet attrs) {
    super(context, attrs);
  }
 
  public ColorfulSeekBar(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
  }
 
  protected synchronized void onDraw(Canvas canvas) {
    super.onDraw(canvas);
 
    float percent = getProgress() / (float) getMax();
    int colorIndex = (int) (percent * (colors.length - 1));
    int colorStart = colors[colorIndex];
    int colorEnd = colors[colorIndex + 1];
    int color = (int) new ArgbEvaluator().evaluate(percent, colorStart, colorEnd);
 
    getProgressDrawable().setColorFilter(color, Mode.SRC_IN);
  }
}

在XML布局文件中使用自定义SeekBar，代码如下：

<com.example.ColorfulSeekBar
  android:id="@+id/seekBar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:max="100"/>

十、安卓SeekBar组件教程

SeekBar是一种很好的用户界面组件，可以用来展示数值的范围和进度。SeekBar提供了很多自定义化的选项，可以通过代码或XML样式文件来改变它的外观和功能。