[Android] SeekBar の配列をコードで記述、ツマミとPregress barのカスタマイズ

SeekBarのツマミを変更したり、プログレスバーの色や形をカスタマイズしてみます。それらを配列にしてコードで記述してみるとこうなりました。
 
seekbar a01 - [Android] SeekBar の配列をコードで記述、ツマミとPregress barのカスタマイズ

Android Studio 3.0.1
Android 8.1.0

 



SeekBar カスタマイズ

 
SeekBarの基本的なところはSeekBar でボリューム入力にあるように設定していきますが、つまみやプログレスバーはカスタマイズしたくなるのではないでしょうか。
 

 

背景色の変更

 
簡単にカスタマイズできるところを変更してみます。
 
高さと横幅は
layout_height
layout_width
で設定でき、背景色は
backgroundでカスタマイズします。
 

 
ss2016 11 30 16.15.14 300x71 - [Android] SeekBar の配列をコードで記述、ツマミとPregress barのカスタマイズ

 

ツマミを画像に変更

 
ツマミをアイコン画像にすることも可能です。
 

 

 
ss2016 11 30 16.10.33 300x117 - [Android] SeekBar の配列をコードで記述、ツマミとPregress barのカスタマイズ

 

shapeを使ってカスタマイズ

 
progress bar とツマミをshapeを使ってカスタマイズしてみたいと思います。
 
ツマミのshapeは
custom_thumb.xml としてdrawableに入れます。

custom_thumb.xml

 
またprogress barの部分は
custom_progress.xml として同様にdrawableに入れます。

custom_progress.xml

 
ツマミの移動を追随させるためにclipを使っています。
 
activity_main.xml

 

SeekBar 配列

 
配列はボタン配列のように、レイアウトファイルを使わずにfor文で作成していきます。
 

 

サンプルコード

 
以上をまとめて、レイアウトファイルを使わず配列として記述してみます。

MainActivity.java

 
progressの部分はshapeファイルで記述しています。
custom_progress.xml

 

サンプル動画

 

 
 
関連ページ:

 
Reference:
SeekBar | Android Developers

スマホの下取り

まだ1年も使っていないスマホを新機種に変えたくて下取りしようとお店に持ち込んだことがありますが、結局なんだかんだと思ったほどの金額になりませんでした(涙

このネットオフは専業のため高額買取が可能で、お店に行く時間が無い人にとっては送料無料の宅配便が自宅まで引取りに来てくれるのは助かります。

定額買取キャンペーン中であればキズがあっても付属品が無くても減額無しでお得です。」


誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加




Google Pixel 3 XLグローバル版
SIMフリー 並行輸入品
6.3インチの大画面
背景をぼかすポートレートモード撮影

Anker PowerCore II Slim 10000
Power IQ 2.0搭載
iPhone & Android対応

シェアする

  • このエントリーをはてなブックマークに追加

フォローする