Android自定义SeekBar滑动显示数字

 更新时间:2020年04月08日 10:46:01   作者:小丸子你的樱桃掉叻  
这篇文章主要为大家详细介绍了Android自定义SeekBar滑动显示数字,使用FrameLayout结合SeekBar滑动时,数值显示,滑动停止时显示数字,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android自定义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);
 }
 }

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

工程地址:链接地址

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 在Android设备上搭建Web服务器的方法

    在Android设备上搭建Web服务器的方法

    本篇文章主要介绍了在Android设备上搭建Web服务器的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • Android延迟实现的几种解决方法及原理分析

    Android延迟实现的几种解决方法及原理分析

    这篇文章主要给大家介绍了关于Android延迟实现的几种解决方法以及其中的原理分析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • 浅析Kotlin使用infix函数构建可读语法流程讲解

    浅析Kotlin使用infix函数构建可读语法流程讲解

    这篇文章主要介绍了浅析Kotlin使用infix函数构建可读语法,我们在Kotlin中就多次使用A to B这样的语法结构构建键值对,包括Kotlin自带的mapOf()函数,这种语法结构的优点是可读性强
    2023-01-01
  • 基于Android实现自动滚动布局

    基于Android实现自动滚动布局

    在平时的开发中,有时会碰到这样的场景,设计上布局的内容会比较紧凑,导致部分机型上某些布局中的内容显示不完全,或者在数据内容多的情况下,单行无法显示所有内容,这里给大家简单介绍下布局自动滚动的一种实现方式,感兴趣的朋友可以参考下
    2023-12-12
  • android开发教程之卸载sd卡对MediaServer的处理

    android开发教程之卸载sd卡对MediaServer的处理

    Android中如果MediaServer访问SD卡上的音频文件,卸载SD卡的时候,就会kill掉MediaServer,卸载SD卡上必要条件就是没有进程访问SD卡上的资源文件。Kill掉MediaServer的进程后,MediaServer会重新启动。
    2014-02-02
  • 详解Android提交数据到服务器的两种方式四种方法

    详解Android提交数据到服务器的两种方式四种方法

    本篇文章主要介绍了Android提交数据到服务器的两种方式四种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2016-11-11
  • 浅谈RxJava处理业务异常的几种方式

    浅谈RxJava处理业务异常的几种方式

    本篇文章主要介绍了浅谈RxJava处理业务异常的几种方式,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • 浅谈AnDroidDraw+DroidDraw实现Android程序UI设计的分析说明

    浅谈AnDroidDraw+DroidDraw实现Android程序UI设计的分析说明

    本篇文章是对AnDroidDraw+DroidDraw实现Android程序UI设计进行了详细的分析介绍,需要的朋友参考下
    2013-05-05
  • Android启动屏实现左右滑动切换查看功能

    Android启动屏实现左右滑动切换查看功能

    这篇文章主要介绍了Android启动屏实现左右滑动切换查看功能的相关资料,针对新功能属性介绍和启动屏进行详细讲解,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Android实现酷炫的顶部栏

    Android实现酷炫的顶部栏

    这篇文章主要为大家详细介绍了Android实现酷炫的顶部栏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09

最新评论