新人研修の記録2

アプリの音量調整などでよく目にするスライダーですが、
課題を進める中でスライダーを自作する場面がありましたので紹介します。

通常はAndroid Studioに用意されている標準のスライダーを利用すればいいのですが、
スライダーをカスタマイズしたいときやオリジナルの画像を使ったスライダーなど
自作しないといけない場面があると思います。
そういったこともあり、実際に作ってみました。

左右に動くスライダーは以下のようになります。
いつもは標準のスライダーばかり使っていたのでどういう仕組みなのか考えたことはなかったですが、
簡単に作れるんですね。

imageView.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View arg0, MotionEvent event) {

//X座標取得
newDx = (int) event.getRawX();

if (event.getAction() == MotionEvent.ACTION_DOWN) {

　　 //ドロイド君の画像に触ったとき

} else if (event.getAction() == MotionEvent.ACTION_MOVE) {
　　　//ドロイド君の画像をスワイプしたとき
//X座標
int dx = imageView.getLeft() + (newDx – preDx);

//Y座標
int dy = 500;

//Min
if(dx < 0){
dx = 0;
}

//Max
if(dx > 900){
dx = 900;
}

//画像表示位置更新
imageView.layout(dx, dy, dx + imageView.getWidth(), dy + imageView.getHeight());
}

preDx = newDx;
return true;

}
});

スライダーはこれが基礎となっているので、複雑な独自スライダーなど自作する場合
これをカスタマイズする感じでしょうか。
ただ、速くスワイプした場合、取得座標が飛んでしまう場合があるので、
その対策も入れる必要がありそうです。

火曜日担当：Tamamo

admin at 2017年11月28日 10:00:39

お問い合わせ・ご相談はお電話、またはお問い合わせフォームよりお受け付けいたしております。

tel. 06-6454-8833（平日 10:00～17:00）

ギガスジャパン