Android自定义SeekBar滑动显示数字

所属分类: 软件编程 / Android 阅读数: 52
收藏 0 赞 0 分享

本文实例为大家分享了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网络编程之获取网络上的Json数据实例

这篇文章主要介绍了Android网络编程之获取网络上的Json数据实例,本文用完整的代码实例讲解了在Android中读取网络中Json数据的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中的windowSoftInputMode属性详解

这篇文章主要介绍了Android中的windowSoftInputMode属性详解,本文对windowSoftInputMode的9个属性做了详细总结,需要的朋友可以参考下
收藏 0 赞 0 分享

Android网络编程之UDP通信模型实例

这篇文章主要介绍了Android网络编程之UDP通信模型实例,本文给出了服务端代码和客户端代码,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中使用ListView实现漂亮的表格效果

这篇文章主要介绍了Android中使用ListView实现漂亮的表格效果,本文用详细的代码实例创建了一个股票行情表格,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中刷新界面的二种方法

这篇文章主要介绍了Android中刷新界面的二种方法,本文使用Handler、postInvalidate两种方法实现界面刷新,需要的朋友可以参考下
收藏 0 赞 0 分享

Android SDK三种更新失败及其解决方法

这篇文章主要介绍了Android SDK三种更新失败及其解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(一)

Android3.0(API level 11)开始,Android设备不再需要专门的菜单键。随着这种变化,Android app应该取消对传统6项菜单的依赖。取而代之的是提供anction bar来提供基本的用户功能
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(二)

这次将继续上一篇文章没有讲完的Menu的学习,上下文菜单(Context menu)和弹出菜单(Popup menu)
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(三)

今天继续昨天没有讲完的Menu的学习,主要是Popup Menu的学习,需要的朋友可以参考下
收藏 0 赞 0 分享

Android显示网络图片实例

这篇文章主要介绍了Android显示网络图片的方法,以实例形式展示了Android程序显示网络图片的方法,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多