SeekBar 实现网络获取图片随thumb滑动,,并位于中间位置

一 demo介绍

此demo实现了seekbar 滑动效果,图片随thumb 滑动而滑动,位于seekbar中间位置:
效果图如下:

这里写图片描述

二.代码介绍:

1.xml文件:
 <SeekBar
  android:id="@+id/seekbar_progress"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:focusable="true"
  android:maxHeight="7dp"
  android:minHeight="7dp"
  android:paddingEnd="15dp"
  android:paddingStart="15dp"
  android:progressDrawable="@drawable/progress_test        
  android:thumb="@drawable/progress_theme_ba
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,可以通过在自定义的VerticalSeekBar类中重写onDraw()方法,在滑块的位置绘制一个指示器来实现。 在VerticalSeekBar类中添加以下代码: ```java private Drawable thumb; private Paint paint = new Paint(); private RectF rect = new RectF(); @Override public void setThumb(Drawable thumb) { super.setThumb(thumb); this.thumb = thumb; } @Override protected synchronized void onDraw(Canvas canvas) { canvas.rotate(-90); canvas.translate(-getHeight(), 0); super.onDraw(canvas); if (thumb != null) { int thumbTop = (int) ((getHeight() - thumb.getIntrinsicHeight()) * 0.5f); int thumbLeft = (int) ((getWidth() - thumb.getIntrinsicWidth()) * 0.5f); thumb.setBounds(thumbLeft, thumbTop, thumbLeft + thumb.getIntrinsicWidth(), thumbTop + thumb.getIntrinsicHeight()); thumb.draw(canvas); } paint.setAntiAlias(true); paint.setColor(Color.WHITE); float thumbY = getHeight() - (getHeight() * getProgress() / getMax()); rect.left = 0; rect.top = thumbY - 20; rect.right = getWidth() - thumb.getIntrinsicWidth() - 20; rect.bottom = thumbY + 20; canvas.drawRoundRect(rect, 10, 10, paint); } ``` 通过setThumb()方法设置滑块的Drawable,然后在onDraw()方法中绘制指示器。指示器的绘制使用了一个矩形,位置在滑块的左边,高度为40dp,宽度为SeekBar的宽度减去滑块的宽度再减20dp。指示器的位置根据滑块的位置计算,使用了getHeight()、getProgress()和getMax()方法。 在Activity中,可以这样设置滑块的Drawable并使用: ```java VerticalSeekBar verticalSeekBar = findViewById(R.id.vertical_seekbar); Drawable thumb = getResources().getDrawable(R.drawable.thumb); verticalSeekBar.setThumb(thumb); ``` 这样就可以在竖直的SeekBar上添加一个随滑块滑动的指示器了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值