SeekBarを画像でカスタマイズ

Seekbarの背景画像とつまみを画像で変更する方法です。

下記のようなxmlをdrawableに用意して

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  <item android:id="@android:id/background" >
    <bitmap android:src="@drawable/seekbar_image"></bitmap>
  </item>

  <item android:id="@android:id/progress" >
    <clip>
      <bitmap android:src="@drawable/seekbar_prog_image"></bitmap>
    </clip>
  </item>
</layer-list>

※ seekbar_image、seekbar_prog_imageはpngなどのdrawableリソース

このxmlをdrawableをprogressDrawableにセットすればOKです。

今回はコードでの設定例

Drawable drawable = getResources().getDrawable(R.drawable.seekbar);
seekBar.setProgressDrawable(drawable);

つまみを変更する時は下記のようにthumbに設定すればいいようです。

Drawable drawable = getResources().getDrawable(R.drawable.seekbar_thumb);
seekBar.setThumb(drawable);

SeekBarを画像でカスタマイズ」への1件のフィードバック

  1. ピンバック: Seekbarのつまみが消える!!目くじら日記 | 目くじら日記

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です