Android   发布时间:2022-04-28  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Android自定义SeekBar滑动显示数字大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

先来上个效果图:

Android自定义SeekBar滑动显示数字

当滑动时:数值显示,滑动停止时显示数字,使用FrameLayout结合SeekBar。

首先我们看看。

Layout:

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://scheR_723_11845@as.android.com/apk/res/android"
 xmlns:tools="http://scheR_723_11845@as.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);
  }
 }

废话也不多说,原理很简单。

工程地址:
https://github.com/xiaoli1993/SeekBarIndicated/tree/47ffcc890fb9c7000bb20d9b248620564c2c8122

以上就是本文的全部@L_674_17@,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

大佬总结

以上是大佬教程为你收集整理的Android自定义SeekBar滑动显示数字全部内容,希望文章能够帮你解决Android自定义SeekBar滑动显示数字所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:滑动