AndroidカスタムSeekBarスライド表示数字
本論文の例では、AndroidカスタムSeekBarスライドディスプレイの数字の具体的なコードを共有します。
先に前の効果図を使います。
スライド時:数値表示でスライド停止時に数字を表示し、Frame Layoutを使ってSeekBarを結合します。
まず私達が見てみます。
Layout:
初期化関数
工事住所:リンク先
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
先に前の効果図を使います。
スライド時:数値表示でスライド停止時に数字を表示し、Frame Layoutを使ってSeekBarを結合します。
まず私達が見てみます。
Layout:
<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<RelativeLayout
android:id="@+id/wrapper_seekbar_indicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/img_seekbar_indicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true" />
<TextView
android:id="@+id/txt_seekbar_indicated_progress"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:textColor="#333333"
android:textSize="@dimen/space_12"
tools:text="100" />
</RelativeLayout>
<RelativeLayout
android:id="@+id/wrapper_seekbar"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<SeekBar
android:id="@+id/seekbar"
style="@style/Widget.SeekBar.Normal"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</RelativeLayout>
</merge>
上の画像の問題色などをカスタマイズしたり、自分でパッケージしたりする必要があります。初期化関数
private void init(Context context, AttributeSet attrs, int defStyle) {
View view = LayoutInflater.from(context).inflate(
R.layout.view_seekbar_indicated, this);
bindViews(view);
if (attrs != null)
setAttributes(context, attrs, defStyle);
mSeekBar.setOnSeekBarChangeListener(this);
mTextViewProgress.setText(String.valueOf(mSeekBar.getProgress()));
getViewTreeObserver().addOnGlobalLayoutListener(
new ViewTreeObserver.OnGlobalLayoutListener() {
@TargetApi(Build.VERSION_CODES.JELLY_BEAN)
@Override
public void onGlobalLayout() {
mMeasuredWidth = mSeekBar.getWidth()
- mSeekBar.getPaddingLeft()
- mSeekBar.getPaddingRight();
mSeekBar.setPadding(
mSeekBar.getPaddingLeft(),
mSeekBar.getPaddingTop()
+ mWrapperIndicator.getHeight(),
mSeekBar.getPaddingRight(),
mSeekBar.getPaddingBottom());
setIndicator();
getViewTreeObserver()
.removeOnGlobalLayoutListener(this);
}
});
// mWrapperIndicator.setVisibility(View.GONE);
}
主に変更の有無やタッチによって文字や画像の表示を判断します。
@Override
public void onProgressChanged(SeekBar seekBar, int progress,
boolean fromUser) {
setIndicator();
if (mOnSeekBarChangeListener != null)
mOnSeekBarChangeListener.onProgressChanged(seekBar, progress,
fromUser);
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
if (mOnSeekBarChangeListener != null) {
mOnSeekBarChangeListener.onStartTrackingTouch(seekBar);
mWrapperIndicator.setVisibility(View.VISIBLE);
}
}
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
if (mOnSeekBarChangeListener != null) {
mOnSeekBarChangeListener.onStopTrackingTouch(seekBar);
mWrapperIndicator.setVisibility(View.GONE);
}
}
無駄話も多くないし、原理は簡単です。工事住所:リンク先
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。