Android 自定义SeekBar显示进度百分比

于 2024-04-22 13:51:02 发布
阅读量320 收藏 4
点赞数 4
分类专栏： 程序员 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_77110605/article/details/138073535
版权

// Set if slider content number indicator

// TODO

if (showNumberIndicator) {

numberIndicator = new NumberIndicator(getContext());

}

}

@Override

public void invalidate() {

ball.invalidate();

super.invalidate();

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

if (!placedBall)

placeBall();

if (value == min) {

// Crop line to transparent effect

Bitmap bitmap = Bitmap.createBitmap(canvas.getWidth(),

canvas.getHeight(), Bitmap.Config.ARGB_8888);

Canvas temp = new Canvas(bitmap);

Paint paint = new Paint();

paint.setColor(Color.parseColor(“#B0B0B0”));

paint.setStrokeWidth(Utils.dpToPx(2, getResources()));

temp.drawLine(getHeight() / 2, getHeight() / 2, getWidth()

  • getHeight() / 2, getHeight() / 2, paint);

Paint transparentPaint = new Paint();

transparentPaint.setColor(getResources().getColor(

android.R.color.transparent));

transparentPaint.setXfermode(new PorterDuffXfermode(

PorterDuff.Mode.CLEAR));

temp.drawCircle(ViewHelper.getX(ball) + ball.getWidth() / 2,

ViewHelper.getY(ball) + ball.getHeight() / 2,

ball.getWidth() / 2, transparentPaint);

canvas.drawBitmap(bitmap, 0, 0, new Paint());

} else {

Paint paint = new Paint();

paint.setColor(Color.parseColor(“#B0B0B0”));

paint.setStrokeWidth(Utils.dpToPx(2, getResources()));

canvas.drawLine(getHeight() / 2, getHeight() / 2, getWidth()

  • getHeight() / 2, getHeight() / 2, paint);

paint.setColor(backgroundColor);

float division = (ball.xFin - ball.xIni) / (max - min);

int value = this.value - min;

canvas.drawLine(getHeight() / 2, getHeight() / 2, value * division

  • getHeight() / 2, getHeight() / 2, paint);

}

if (press && !showNumberIndicator) {

Paint paint = new Paint();

paint.setColor(backgroundColor);

paint.setAntiAlias(true);

canvas.drawCircle(ViewHelper.getX(ball) + ball.getWidth() / 2,

getHeight() / 2, getHeight() / 3, paint);

}

invalidate();

}

@Override

public boolean onTouchEvent(MotionEvent event) {

isLastTouch = true;

if (isEnabled()) {

if (event.getAction() == MotionEvent.ACTION_DOWN

|| event.getAction() == MotionEvent.ACTION_MOVE) {

if (numberIndicator != null

&& numberIndicator.isShowing() == false)

numberIndicator.show();

if ((event.getX() <= getWidth() && event.getX() >= 0)) {

press = true;

// calculate value

int newValue = 0;

float division = (ball.xFin - ball.xIni) / (max - min);

if (event.getX() > ball.xFin) {

newValue = max;

} else if (event.getX() < ball.xIni) {

newValue = min;

} else {

newValue = min

  • (int) ((event.getX() - ball.xIni) / division);

}

if (value != newValue) {

value = newValue;

if (onValueChangedListener != null)

onValueChangedListener.onValueChanged(newValue);

}

// move ball indicator

float x = event.getX();

x = (x < ball.xIni) ? ball.xIni : x;

x = (x > ball.xFin) ? ball.xFin : x;

ViewHelper.setX(ball, x);

ball.changeBackground();

// If slider has number indicator

if (numberIndicator != null) {

// move number indicator

numberIndicator.indicator.x = x;

numberIndicator.indicator.finalY = Utils

.getRelativeTop(this) - getHeight() / 2;

numberIndicator.indicator.finalSize = getHeight() / 2;

numberIndicator.numberIndicator.setText(“”);

}

} else {

press = false;

isLastTouch = false;

if (numberIndicator != null)

numberIndicator.dismiss();

}

} else if (event.getAction() == MotionEvent.ACTION_UP

|| event.getAction() == MotionEvent.ACTION_CANCEL) {

if (numberIndicator != null)

numberIndicator.dismiss();

isLastTouch = false;

press = false;

}

}

return true;

}

/**

  • Make a dark color to press effect

  • @return

*/

protected int makePressColor() {

int r = (this.backgroundColor >> 16) & 0xFF;

int g = (this.backgroundColor >> 8) & 0xFF;

int b = (this.backgroundColor >> 0) & 0xFF;

r = (r - 30 < 0) ? 0 : r - 30;

g = (g - 30 < 0) ? 0 : g - 30;

b = (b - 30 < 0) ? 0 : b - 30;

return Color.argb(70, r, g, b);

}

private void placeBall() {

ViewHelper.setX(ball, getHeight() / 2 - ball.getWidth() / 2);

ball.xIni = ViewHelper.getX(ball);

ball.xFin = getWidth() - getHeight() / 2 - ball.getWidth() / 2;

ball.xCen = getWidth() / 2 - ball.getWidth() / 2;

placedBall = true;

}

// GETERS & SETTERS

public OnValueChangedListener getOnValueChangedListener() {

return onValueChangedListener;

}

public void setOnValueChangedListener(

OnValueChangedListener onValueChangedListener) {

this.onValueChangedListener = onValueChangedListener;

}

public int getValue() {

return value;

}

public void setValue(final int value) {

if (placedBall == false)

post(new Runnable() {

@Override

public void run() {

setValue(value);

}

});

else {

this.value = value;

float division = (ball.xFin - ball.xIni) / max;

ViewHelper.setX(ball,

value * division + getHeight() / 2 - ball.getWidth() / 2);

ball.changeBackground();

}

}

public int getMax() {

return max;

}

public void setMax(int max) {

this.max = max;

}

public int getMin() {

return min;

}

public void setMin(int min) {

this.min = min;

}

public boolean isShowNumberIndicator() {

return showNumberIndicator;

}

public void setShowNumberIndicator(boolean showNumberIndicator) {

this.showNumberIndicator = showNumberIndicator;

numberIndicator = (showNumberIndicator) ? new NumberIndicator(

getContext()) : null;

}

@Override

public void setBackgroundColor(int color) {

backgroundColor = color;

if (isEnabled())

beforeBackground = backgroundColor;

}

boolean placedBall = false;

class Ball extends View {

float xIni, xFin, xCen;

public Ball(Context context) {

super(context);

setBackgroundResource(R.drawable.background_switch_ball_uncheck);

}

public void changeBackground() {

if (value != min) {

setBackgroundResource(R.drawable.background_checkbox);

LayerDrawable layer = (LayerDrawable) getBackground();

GradientDrawable shape = (GradientDrawable) layer

.findDrawableByLayerId(R.id.shape_bacground);

shape.setColor(backgroundColor);

} else {

setBackgroundResource(R.drawable.background_switch_ball_uncheck);

}

}

}

// Slider Number Indicator

class NumberIndicator extends Dialog {

Indicator indicator;

TextView numberIndicator;

public NumberIndicator(Context context) {

super(context, android.R.style.Theme_Translucent);

}

@Override

protected void onCreate(Bundle savedInstanceState) {

requestWindowFeature(Window.FEATURE_NO_TITLE);

super.onCreate(savedInstanceState);

setContentView(R.layout.number_indicator_spinner);

setCanceledOnTouchOutside(false);

RelativeLayout content = (RelativeLayout) this

.findViewById(R.id.number_indicator_spinner_content);

indicator = new Indicator(this.getContext());

content.addView(indicator);

numberIndicator = new TextView(getContext());

numberIndicator.setTextColor(Color.WHITE);

numberIndicator.setGravity(Gravity.CENTER);

content.addView(numberIndicator);

indicator.setLayoutParams(new RelativeLayout.LayoutParams(

RelativeLayout.LayoutParams.FILL_PARENT,

RelativeLayout.LayoutParams.FILL_PARENT));

}

@Override

public void dismiss() {

super.dismiss();

indicator.y = 0;

indicator.size = 0;

indicator.animate = true;

}

@Override

public void onBackPressed() {

}

}

class Indicator extends RelativeLayout {

// Position of number indicator

float x = 0;

float y = 0;

// Size of number indicator

float size = 0;

// Final y position after animation

float finalY = 0;

// Final size after animation

float finalSize = 0;

boolean animate = true;

boolean numberIndicatorResize = false;
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

我坚信，坚持学习，每天进步一点，滴水穿石，我们离成功都很近！
以下是总结出来的字节经典面试题目，包含：计算机网络，Kotlin，数据结构与算法，Framework源码，微信小程序，NDK音视频开发，计算机网络等。

字节高级Android经典面试题和答案


《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

转存中…(img-uV8gfcne-1713765033697)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

[外链图片转存中…(img-HEV51cs0-1713765033698)]

最后

我坚信，坚持学习，每天进步一点，滴水穿石，我们离成功都很近！
以下是总结出来的字节经典面试题目，包含：计算机网络，Kotlin，数据结构与算法，Framework源码，微信小程序，NDK音视频开发，计算机网络等。

字节高级Android经典面试题和答案

[外链图片转存中…(img-NAB1V9ZV-1713765033698)]
[外链图片转存中…(img-g2o5XTBa-1713765033699)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

士成仁
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android自定义SeekBar滑动显示数字
01-04
先来上个效果图： 当滑动时：数值显示，滑动停止时显示数字，使用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:la
Android进阶之SeekBar动态显示进度
As_thin的博客
08-09 1515
SeekBar 在开发中并不陌生,默认的SeekBar是不显示进度的,当然用吐司或者文案在旁边实时显示也是可以的,那能不能移动的时候才显示，默认不显示呢,当然网上花哨的三方工具类太多了，但是我只是单纯的想在SeekBar的基础上去添加一个可以跟随移动显示的气泡而已~
android studio SeekBar滑动轴显示数字
qq_35086941的博客
11-09 3726
1.样式xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="50dp" android:orientation="horizontal"> <SeekBar android:id="@+
android seekbar 显示数字
qq_40414209的博客
05-02 1913
android seekbar代码使用 代码 MySeekBar.kt package com.example.apps.happybaby.views import android.content.Context import android.graphics.Canvas import android.graphics.Color import android.graphics.Paint ...
Android自定义SeekBar实现视频播放进度条
08-30
主要为大家详细介绍了Android自定义SeekBar实现视频播放进度条的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
android自定义SeekBar，拖动时可弹出跟随窗口显示进度
04-26
自定义SeekBar，实现拖动SeekBar的同时在thumb上方显示一个跟随窗口，显示SeekBar的进度。
Android 自定义SeekBar 实现分段显示不同背景颜色的示例代码
08-19
主要介绍了Android 自定义SeekBar 实现分段显示不同背景颜色,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
一个带数字显示的SeekBar
阳哥哥的博客
10-18 1483
一个带数字显示的SeekBar 前言 第一次写博客，有点小紧张的咯。最近公司没什么事情，天天在这里无所事事的，想着要不来写写博客吧，看他们那些大牛都有自己的博客，我就也来尝试一下吧，可惜技术不咋的，正好今天下午没事随便写了个控件，就先写在这里试试水。 内容 思路：其实就是在Seekbar上面加一个图片，一个textview就行了，然后根据seekbar当前移动的位置计算一下leftM
Android——SeekBar动态显示进度
10-26
这是个SeekBar动态移动的小例子源码。原理讲解参考我的博文：http://blog.csdn.net/u012230055/article/details/78065536#reply
SeekBar滑动块显示数字
05-16
SeekBar滑动块显示数字,当滑动时显示的数据会跟着滑动块一起移动。
android seekbar系统自定义,三种自定义漂亮的Android SeekBar的方法
weixin_33246767的博客
05-26 1155
三种自定义漂亮的Android SeekBar的方法 按顺序：第一种：Seekbar 背景是颜色，thumb是图片；"@+id/timeline"android:layout_width="fill_parent"android:layout_height="wrap_content"android:focusable="true"android:maxHeight="4.0dip"androi...
SeekBar的使用以及进度条高度设置问题
weixin_41119184的博客
08-29 1233
细心的会发现设置的色值与实际显示的色值不符，而且此时我们设置利用maxHeight和minHeight设置进度条高度也不生效，这是使用方式不对导致的，应在progressDrawable属性中进行自定义。其中background是进度条右侧颜色，progress指的是左侧颜色，值得注意的是progress的属性必须设置成上述格式，否则会导致无论如何拖动，整个进度条只会显示#E00009色值的颜色。这时会得到一个简单的简单的进度条为0~255，当前进度为50的拖动条。这样简单的亮度拖动条就完成了。
安卓进度条：ProgressBar和Seekbar
A125679880的博客
07-15 5482
是 Android 中的一个进度条控件，用于显示正在进行的任务的进度。它可以以水平或圆形的形式展示进度，并提供了多种样式和属性来满足不同的需求。SeekBar是 Android 中的一个可滑动条控件，用于允许用户通过滑动来选择一个数值或调整某种设置。它通常用于音量控制、亮度调节、进度选择等场景。SeekBar 继承自 ProgressBar 类。
SeekBar的几种常见用法
aylr2015的博客
10-23 2539
SeekBar的几种常见方法，SeekBar详解，SeekBar总结
安卓Seekbar自定义样式的开发
mawlAndroid的博客
06-29 1561
安卓自定义seekbar
Android 自定义 SeekBar
HeTingwei的博客
09-16 2583
自定义颜色大小形状的SeekBar和使用图片的SeekBar。其中，自定义颜色大小形状的SeekBar，自定义滑块颜色形状，滑轨滑过过后的颜色，滑过之前的颜色；使用图片的SeekBar，seekbar滑块和滑轨都是用图片（滑过之前和之后）。
显示当前进度SeekBar
qq_63997064的博客
04-20 876
基础控件-SeekBar
android 自定义seekbar数字滑动
最新发布
11-30
在Android中，可以通过自定义SeekBar实现数字滑动功能。首先，在布局文件中定义自定义SeekBar的样式，可以使用ProgressBar来实现。如下所示： ``` android:id="@+id/customSeekBar" style="@style/Widget....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值