Android 사용자 정의 SeekBar 슬라이딩 디 스 플레이 숫자

본 사례 는 안 드 로 이 드 사용자 정의 SeekBar 슬라이딩 디 스 플레이 숫자 에 대한 구체 적 인 코드 를 공유 하 였 으 며,구체 적 인 내용 은 다음 과 같 습 니 다.
먼저 이전 효과 도:

미끄럼 할 때:수치 표시,미끄럼 이 멈 출 때 숫자 표시,FrameLayout 를 사용 하여 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);
 }
 }

잔말 도 많 지 않 고 원 리 는 간단 하 다.
공사 주소:링크 주소
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.