Android SeekBar充当Progress实现兔兔进度条Plus

2024-11-03 20:37:38

前言

之前写的progress其实根本没有起到进度条的作用，太显眼，而且并不好看，所以有了新的想法，我们将ProgressBar控件换成SeekBar控件，然后再将它的thumb指示器换成小兔子即可。

正篇

实现过程

首先，我们在需要进度条的页面布局的最开始加上下面代码：

<SeekBar
    android:id="@+id/vSeekBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:thumb="@mipmap/rabbit_progress"/>

其中thumb属性就是可以让你换指针样式的，而SeekBar其实也是多用于播放器的进度选择器之类的，由于seekbar是可以拖动的，所以我们得把控件拖动给禁止了：

binding.vSeekBar.isEnabled = false

接着，我们为了更好的展示效果，在seekbar控件下面加了一个Button：

binding.vButton.setOnClickListener {
    if (binding.vSeekBar.visibility != View.GONE) {
        binding.vSeekBar.progress += 10
    }
    if (binding.vSeekBar.progress == 100) {
        binding.vSeekBar.progress = 0
    }
}

添加完按钮后，我们为按钮设置点击事件，每点一次就会出现进度条加10的事件，到达100后再置为0重复操作：

这样，我们就有了一个兔子往前进的进度条，然后我们再把Button去除，再换到webview的webChromeClient中的重写方法onProgressChanged中控制进度条增加的逻辑即可： ```Kotlin binding.vSeekBar.progress = newProgress if (newProgress == 100) { binding.vSeekBar.visibility = View.GONE } else { binding.vSeekBar.visibility = View.VISIBLE } ``` 当进度条加完后，就隐藏该控件，这样也就不会一直看到这个控件。

总结

虽然内容不多，但是问题还是很多的，如果可以再把style样式做一下，效果会更好，然后再重新定义一下进度条本体的颜色和形状，不过，目前我对这部分还看的比较少，网上看到的自定义也非常繁多，等后面用Kotlin自定义View熟练了再重新画一个Progress或SeekBar.

以上就是Android SeekBar充当Progress实现兔兔进度条Plus的详细内容，更多关于Android SeekBar进度条的资料请关注我们其它相关文章！

Android开发手册SeekBar拖动条使用实例

目录实践过程常用属性基本使用自定义样式自定义样式实践过程常用属性因为Seekbar继承自ProgressBar,所以ProgressBar支持的XML属性SeekBar都适用. [android:max="100"]:设置该进度条的最大值[android:progress="50"]:设置该进度条的已完成进度值[android:progressDrawable="@drawable/icon_xinsui"]:自定义drawabl
Android SeekBar实现平滑滚动

本文实例为大家分享了Android SeekBar实现平滑滚动的具体代码,供大家参考,具体内容如下由于项目需要,SeekBar只需要三个档,但是如果只设置三个档会很难滑,看着也不好看,于是我将其设置为100,然后自动滑到0,50,100的位置大部分代码还是跟之前一样,只是把max改为100,progress改为50 <SeekBar android:layout_width="match_parent" android:layout_height="wrap_con
Android开发双向滑动选择器范围SeekBar实现

目录一.概述二.实现 2.1 首先看我们自定义View的全部代码 2.2 实现流程初始化计算宽高 onDraw 绘制进度条事件监听三.使用布局文件布局文件(有刻度线) 布局文件(无刻度线) 四.后记一.概述之前公司app里面有个功能是一个可以双向滑动的范围选择器,我在网上百度过一些实现方法,感觉各有利弊吧,但是都不太适合我们的需求.所以站在巨人的肩膀上,通过自定义View实现了一个可以适用于绝大多数情况的范围选择器来供大家使用. 首先,看效果图: 我对该范围选择器的属性进行了
Android自定义SeekBar实现滑动验证且不可点击

最近公司因为短信接口被盗刷的比较严重,需要做一个类似于淘宝的滑动验证,用于特定环境,以增加一层保障.拿到需求首先想到的是自定义ViewGroup来实现,里面放一个seekbar和TextView即可.但是有更简单的方法,直接在布局中放入seekbar和TextView,不就ok了?用最简单快捷的方法实现需求,才是硬道理. 值得一提的是,seekbar默认情况下是支持点击事件的,也就是说,用户可以直接点击进度条以实现滑动验证这是不允许的,因此,自定义seekbar,屏蔽点击事件.下面我们先从see
Android SeekBar控制视频播放进度实现过程讲解

目录效果图简介使用MediaController控制器使用SeekBar 效果图简介使用VideoView控件播放视频时,我们希望能够调节播放的进度,一种方法是使用自带的控制器MediaController进行控制,另一种方法是自己实现一个SeekBar控制. 使用MediaController控制器在播放视频时使用自带的控制器MediaController进行进度控制. MediaController mediaController = new MediaController(t
Android通过SeekBar调节布局背景颜色

本文实例为大家分享了Android通过SeekBar调节布局背景颜色的具体代码,供大家参考,具体内容如下用RGB设置布局背景颜色的方法 relativeLayout.setBackgroundColor(Color.rgb(r,g,b)); 布局文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.andro
Android开发自定义双向SeekBar拖动条控件

目录目标:双向拖动的自定义View 实现步骤自定义属性获取确定自定义view尺寸绘制相关的内容部分滑动事件处理目标:双向拖动的自定义View 国际惯例先预览后实现我们要实现的就是一个段位样式的拖动条,用来做筛选条件用的,细心的朋友可能会发现微信设置里面有个一个通用字体的设置,拖动然后改变字体大小; 这个相对比微信那个的自定义view算是一个扩展,因为我们是双向滑动,这个多考虑的一点就是手指拖动的是哪一个滑动块! 我们先看下GIF预览,然后我们今天就一步步实现这个小玩意… 实现步骤
Android 仿支付宝中的余额宝收益进度条

一. 看效果二.上代码 package com.framework.widget; import android.app.Activity; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import androi
Android中WebView加载网页设置进度条

本文实例为大家分享了Android中WebView加载网页设置进度条的具体代码,供大家参考,具体内容如下效果: xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" a
Android自定义View实现带数字的进度条实例代码

第一步.效果展示图1.蓝色的进度条图2.红色的进度条图3.多条颜色不同的进度条图4.多条颜色不同的进度条第二步.自定义ProgressBar实现带数字的进度条 0.项目结构如上图所示:library项目为自定义的带数字的进度条NumberProgressBar的具体实现,demo项目为示例项目以工程依赖的方式引用library项目,然后使用自定义的带数字的进度条NumberProgressBar来做展示如上图所示:自定义的带数字的进度条的library项目的结构图如上图所示:de
Android 自定义圆形带刻度渐变色的进度条样式实例代码

效果图一.绘制圆环圆环故名思意,第一个首先绘制是圆环 1:圆环绘制函数圆环API public void drawArc (RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint) 参数说明 oval:圆弧所在的椭圆对象. startAngle:圆弧的起始角度. sweepAngle:圆弧的角度. useCenter:是否显示半径连线,true表示显示圆弧与圆心的半径连线,false表示不
Android自定义View实现圆形加载进度条

本文实例为大家分享了Android自定义View实现圆形加载进度条的具体代码,供大家参考,具体内容如下效果图话不多说,咱们直接看代码首先第一种: 1.创建自定义View类 public class MyRelative extends View { public MyRelative(Context context) { this(context, null); //手动改成this... } public MyRelative(Conte
Android编程实现类似于圆形ProgressBar的进度条效果

本文实例讲述了Android编程实现类似于圆形ProgressBar的进度条效果.分享给大家供大家参考,具体如下: 我们要实现一个类似于小米分享中的圆形播放进度条,android自带的圆形ProgressBar是默认自动旋转的,所以无法实现,于是我们想到了使用自定义一个View,来实现这种效果. 首先来看看自己定义的View package cn.easymobi.application.bell.common; import android.content.Context; import an
Android使用AsyncTask下载图片并显示进度条功能

在Android中实现异步任务机制有两种方式,Handler和AsyncTask.这篇文章给大家介绍Android使用AsyncTask下载图片并显示进度条功能. AsyncTask下载图片并显示下载进度,异步类AsyncTask配合进度条,简练! public class AsyncTaskActivity2 extends Activity { private Button btnDown;//图片框 private ImageView ivImage;//图片URL private sta
Android 仿摩拜单车共享单车进度条实现StepView效果

先看效果图: Step1:定义StepBean 定义五个状态,分别为:为完成.正在进行.已完成.终点完成.终点未完成. public class StepBean{ public static final int STEP_UNDO = -1;//未完成 public static final int STEP_CURRENT = 0;//正在进行 public static final int STEP_COMPLETED = 1;//已完成 public static final int S
Android仿微信加载H5页面进度条

前言 Android中WebView打卡前端页面时受到网路环境,页面内容大小的影响有时候会让用户等待很久.显示一个加载进度条可以提升很大的体验.微信内访问H5页面加载效果不错,效仿着写了一个. 1.实现 1-1.自定义类继承WebView类 class ProgressWebView(context: Context, attr: AttributeSet) : WebView(context, attr) { /** *xml布局中使用,所以用两个构造参数的构造函数 */ private va
Android自定义控件之水平圆点加载进度条

本文实例为大家分享了Android实现水平圆点加载进度条的具体代码,供大家参考,具体内容如下先来看看要实现的效果实现思路非常简单:当前变化的圆点先从最小半径变大到最大最大半径再变回最小半径的圆,然后再切换到下个圆点,同时颜色会先变浅在变会原来的颜色(可以理解为透明度变化),而且当前圆点的上上一个圆点颜色会不断变浅.大概就这样(可能我实现的效果和图片的有些出入) 先看下实现效果: 直接上代码: package com.kincai.testcustomview_pointprogress; i

Android SeekBar充当Progress实现兔兔进度条Plus

目录

前言

正篇

实现过程

总结

相关推荐

随机推荐