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樣式文件來改變它的外觀和功能。