SeekBar实现滑动上侧滑动显示TextView

最新推荐文章于 2026-04-20 03:54:27 发布
原创 最新推荐文章于 2026-04-20 03:54:27 发布 · 2.5k 阅读 · 6
标签
#android #seekbar #textview #自定义布局
项目中通过自定义Seekbar实现Thumb拖动时，顶部TextView跟随移动并展示当前值的功能。详细步骤包括：1. 设计seekbar_pop.xml布局；2. 在XML文件中引用；3. 在Activity中应用并绑定事件。

        项目实现过程中，需要实现SeekBar的thumb拖动过程中，seekbar的顶部有一个textview跟随thumb移动，并且显示当前移动的值。先直接上图，实现效果如图所示：


      下面解释实现过程：

       一、自定义seekbar

      （1）、seekbar_pop.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
最低0.47元/天 解锁文章
Android自定义控件实现带文字提示的SeekBar
01-05
1.写在前面 SeekBar控件在开发中还是比较常见的，比如音视频进度、音量调节等，但是原生控件有时还不能满足我们的需求，今天就来学习一下如何自定义SeekBar控件，本文主要实现了一个带文字指示器效果的SeekBar控件 看下最终效果： IndicatorSeekBar 2.实现 IndicatorSeekBar public class IndicatorSeekBar extends AppCompatSeekBar { // 画笔 private Paint mPaint; // 进度文字位置信息 private Rect mProgressTextRect = ne
Android自定义View之滑杆内部带数字的SeekBar
qwe749082787的博客
11-22 1722
一、需求确认 首先我们要明确需求，要做一个什么样的Seekbar，分析清楚业务需求，再开始做。如图，产品大佬给的图是这样子的： 当然，作为一个工程师，第一步当然是去问问度娘，看有没有好的轮子，然后去github上淘淘金。我始终认为这是一个优秀工程师该有的解决问题的方法，哈哈~ 找过一圈之后，发现并没有适合的轮子可以用，这时心里开始咒骂产品了，“提的什么鬼需求，那么非主流”。但是骂完还得撸起...
SystemVerilog面试必考：手把手教你用constraint解决内存地址不重叠问题（附完整代码）
最新发布
weixin_30878501的博客
04-20 410
本文详细解析了SystemVerilog中constraint的应用，通过内存地址不重叠问题的实战案例，展示了约束随机化在数字电路验证中的优势。文章提供了优化后的完整代码实现，包括核心类设计、关键优化点和调试技巧，帮助读者掌握DV面试中的高频考点。
IndicatorSeekBar 自定义SeekBar,滑动显示进度气泡指示器
jeessykim的博客
11-15 2366
IndicatorSeekBar 项目地址 ：https://github.com/warkiz/IndicatorSeekBar IndicatorSeekBar 自定义SeekBar, 能改变尺寸、颜色、滑块(thumb)图片、刻度(tick)图片、刻度文字(text)和气泡指示器(indicator)，当滑动时显示带有进度的气泡指示器。
带数字显示的自定义SeekBar
热门推荐
亚特兰蒂斯
10-14 1万+
由于项目需要做个单向滑动SeekBar，而系统自带的SeekBar并没能提供滑块上面的数字，所以只能自定义了。
Android自定义SeekBar，带开始值结束值和Thumb上方滑动的Text
y280903468的博客
08-28 4664
之前根据网友的博文写了一个Demo（点击打开链接）但是这个Demo用到attr,layout color，还有其他的类，给使用者造成很多麻烦，我想，这样的自定义控件为啥不用一个类来完成呢，这样直接复制过来就能用，于是我彻底的封装了这个自定义的SeekBar，做到了一个类完成所有功能，而且代码量也不多。效果图：     原理,其实我不是自定义SeekBar，我是自定义了一个Relative
android TextView文字跟随seekBar滑动条滑块的位置移动
cijcarjh606134的博客
09-05 1203
android有一个很有意思的控件：seekBar，它可以实现手动滑动进度条的进度，也可以自动调整滑块的位置，并能实现各种效果，适用于进度条，选择额度等情况，在这里我们就暂时不多说了，今天我们重点来实现一下与seekBar相关联的一种效果：文字跟随滑块的位置移动。 之前做过这种效果，用...
Android-SeekBar可滑动进度条
Vivinia的博客
04-24 6739
目标效果：     程序运行显示进度条在中间，手指滑动可更改进度条位置，并且显示在TextView上，当点击进度条按钮或者拖动时，按钮变为红色，抬起手指变为黑色。 1.activity_main.xml页面设置控件。 activity_main.xml页面： <RelativeLayout xmlns:android="http://schemas.android.com/
自定义SeekBar，实现滑动验证且不可点击
小猪的博客
08-17 1673
最近公司因为短信接口被盗刷的比较严重，需要做一个类似于淘宝的滑动验证，用于特定环境，以增加一层保障。拿到需求首先想到的是自定义ViewGroup来实现，里面放一个seekbar和TextView即可。但是有更简单的方法，直接在布局中放入seekbar和TextView，不就ok了？用最简单快捷的方法实现需求，才是硬道理。 值得一提的是，seekbar默认情况下是支持点击事件的，也就是说，用户可以...
seekBar 带文字的seekBar thumb带文字 滑块上带文字 带图片的seekBar thumb带图片 滑块上带图片
qq_22845065的博客
12-29 2661
TextSeekBar 可以在seekBar的拖动条上添加文字的自定义view。 如果当前已有功能不能满足需求，源码已上传，希望可以给你的自定义提供一些参考。 源码地址：GitHub 当前gradle版本是6.5的，如果因为该版本无法进行依赖的，建议copy代码食用，代码量也不多，如果是第一次接触自定义view的可以看看针对thumb绘制的详细说明。 项目引入 1.根目录build.gradle添加 allprojects { repositories {
带文字的seekbar ： 自定义progressDrawable/thumb ：解决显示不全
火星男孩的分享空间
06-17 1675
带文字的seekbar
安卓自定义seekbar数值_Android自定义SeekBar滑动显示数字
weixin_39669629的博客
12-23 646
先来上个效果图：当滑动时：数值显示，滑动停止时显示数字，使用FrameLayout结合SeekBar。首先我们看看。Layout：xmlns:tools="http://schemas.android.com/tools">android:id="@+id/wrapper_seekbar_indicator"android:layout_width="wrap_content"android...
自定义SeekBar 带文字
Luckty的博客
05-03 5135
今天我和大家来交流一下自定义View，之前的在工作中很多控件都是找大神做好的来用，一者是没时间，项目比较着急上线，再者是自己之前一直没有研究过，前段时间所有的项目都完成的差不多了，空出来时间就久了不少自定View，那么今天就和大家一起来探讨一下SeekBar 拖动条。        开始写之前我们先来看看android官方的SeekBar都有哪些特性 大家都知道做到音频播放和音乐播放时，我们会
Android 之 SeekBar (拖动条)
leyang0910的博客
06-06 3616
本来还想着自定义下SeekBar的，后来想想，还是算了，涉及到自定义View的一些东西，可能初学者并 不了解，看起来也有点难度，关于自定义View的还是放到进阶那里吧，所以这里就只是简单的定制下SeekBar！txt_cur.setText("当前进度值:" + progress + " / 100 ");嘿嘿，这玩意是ProgressBar的子类耶，也就是ProgressBar的属性都可以用咯！= "@mipmap/sb_icon" //滑块的drawable。="70" //二级滑动条的进度。
SeekBar 自定义 样式 详解
Jon.Lo 的专栏
07-14 1万+
SeekBar 自定义 样式 详解 SeekBar简介 SeekBar是ProgressBar的扩展，添加了可拖动的滑块。 我们使用进度条时，可以使用系统默认的进度条； 也可以自定义进度条的图片和滑块图片等。 用户可以触摸拇指并向左或向右拖动以设置当前进度级别，或使用箭头键。 不建议将可聚焦的小部件放置在SeekBar的左侧或右侧。 自定义效果： <SeekBar android:id="@+id/sb_screen_bri" ...
android TextView 跟随 seekBar 一起滑动，最简单代码，完美实现，无偏差
blovecat的博客
09-04 1723
开发中遇到如题的需求找了一些方法，发现一起移动都会有偏差，于是就自己修改了下代码，可以实现无偏差一起滑动，代码如下： 1.布局代码 &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto...
Seekbar滑块上添加文字
mi619的专栏
12-21 6362
主要是继承SeekBar重新绘制滑块，在滑块上添加绘制文本，代码如下： public class TextThumbSeekBar extends SeekBar { private int mThumbSize;//绘制滑块宽度 private TextPaint mTextPaint;//绘制文本的大小 private int mSeekBarMin=0;//滑块开始值 pu
Android 自定义View SeekBar 带浮动文字显示
u013148839的专栏
01-13 5149
先上图 问1:seekbar_style.xml 为什么 用xml 会不生效参考 http://blog.csdn.net/as7210636/article/details/52169643 基本差不多下载地址 https://github.com/linrenqiao/SeekBar添加 了背景 没实现配置的功能 如颜色 大小等 觉得麻烦并不是很适用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值