android 滚轮刻度尺的实现

别再只用picker了!用scroll-view手搓一个微信小程序刻度尺组件(附完整源码) 本文详细介绍了如何利用微信小程序的scroll-view组件开发一个高度可定制的刻度尺组件,替代原生picker组件,适用于医疗健康、健身记录等专业场景。通过核心算法设计、性能优化和动态渲染策略,实现流畅交互与高复用性,并附完整源码供开发者直接集成。 阅读详情

刚刚看到一个实现称一样的视图,觉得不错,以后会用到。所以mark一下。

http://blog.youkuaiyun.com/ttdevs/article/details/38944799

抄一段人家文章,主要是为了记起来。看到的时候。

  遇到一个需求需要实现如下图的效果:


卷尺,通过左右滑动来选择不同的刻度值。这方面的东西以前没弄过,以目前你的能力,想了几种思路都死在了半路上。比如上面的刻度线如何弄,滑动的时候又该如何弄;下面的数字又如何弄;看起来像圆圈的效果该如何弄。时间紧迫,就俩晚上的时间。没有好的思路就参考别人的先吧,说来也巧,两天前刚看过一个日期选择控件,还有以前看的一个仿IPhone滚动控件,效果类似:


本想找作者傲慢的上校交流下,但是时间比较紧,源码都给了也不是很好意思。大致的浏览了下,可能涉及下面几个东西:

1、背景:这个用shape实现。之前有研究过,也用过,但是还没实现过要求的效果;

2、刻度和数字:这个就不要乱想了,直接draw。相对来说还是比较简单的,就是画直线和数字;

3、滚动:滚动的时候不停的重绘实现一个滚动的效果。弄过,但是不确定实现的是啥样的效果;

4、快速滚动:Scroller和VelocityTracker可能是需要用到的东西。几乎完全没弄过,骚年,学习吧(需求的要求中,这个优先级可以最低);

5、需求:刻度的单位是可以变的,比如十格一个单位,或者两格一个单位,在或者可以是任意的(这个前期思路没想好,实现起来就困难了,最后只弄了两种)。

其实,到了这一步基本上就已经可以实现了,看个最终效果先:



    下面就一步一步来。在这之前还有个地方要说的,就是控件的接口:对外提供一个方法实现控件初始化和接收控件选择的值:显示的单位,最大值,最小值,当前值,回调接口。有了这些,先从最难的入手。首先,实现刻度和数字,并可以滑动。这个地方很关键,每个人有每个人的思路,而且思路的好坏直接影响到后面对不同单位的实现。目前的思路是根据当前显示的数值mValue,从控件中间向两边画刻度线,滑动的时候同时改变显示的值mValue,不足最小刻度的四舍五入:

Android-自定义水平刻度尺和圆形钟表刻度 自定义水平刻度尺和圆形钟表刻度 可点击 可拖动 刻度 水平刻度划分为60份 圆形刻度划分为24份 可自定义修改 立即下载

相关推荐

android调频收音机源码

android调频收音机源码

Android:自定义View实现多种滑动条

Android自定义View的滑动条实现

weixin_49083184的博客 1434

基于three.js的室内全景3D展馆案例分享

3D场景展厅

acheng 3558

android身高控件_Android自定义标尺控件(选择身高、体重等)

自定义view学习(第一章)1、自定义刻度尺控件在我们想要获取用户的身高体重等信息时,直接让他们输入显然不够友好偶然看到一款App用了类似刻度尺的界面让用户选择,觉得很赞。所有决定实现下。实现的最终效果如下图所示:7c0d4213-1242-496b-9898-0d04d14f3097.gif2、使用方式2.1 在gradle添加依赖compile 'com.zkk.view:ZkkRulerVi...

weixin_39593744的博客 483

NE555构成多谐振荡器及三角波、正弦波的生成(附工程文件)

NE555构成多谐振荡器及三角波、正弦波的生成 续上一篇:NE555基本原理及相关公式的推导

qq_49979053的博客 5万+

SOI技术解析:绝缘体上硅的结构优势与应用场景

本文深入解析了SOI(绝缘体上硅)技术的核心结构、性能优势与应用场景。SOI通过在硅衬底与器件层之间引入绝缘的埋氧层,实现了优异的电隔离,从而显著降低芯片功耗、提升工作频率并增强抗干扰能力。该技术已广泛应用于5G射频前端、高性能计算、汽车电子及MEMS传感器等关键领域,是推动半导体性能持续提升的重要技术路径。

jj890的博客 403

Android 自定义View:实现一个 FM 刻度尺

效果图 前言 最近在做收音机项目需要绘制一个 FM 刻度尺,刚开始考虑了一下现有的开源库,后来发现都不太满足 UI 小哥哥的要求,于是决定自己画一个吧。实现的 Demo 效果如上所示。主要包含大中小三种长度的刻度线,部分刻度整数值和一根指示器。这样就完美实现了一个 FM 刻度尺。下面大致介绍一下具体的做法。只想看代码的同学可以直奔 Github 地址 开始绘制 我是通过继承 View 重写相关类...

weixin_34292402的博客 1001

WinCC7.5SP2生成PDF报表显示有错误或残缺的问题及解决方法

WinCC V7.5 SP2 自带的生成PDF报表功能异常。生成的PDF报表内容显示空白或有残缺。经测试后发现可以通过替换Adobe PDF Library库文件的方法解决该问题。

commandboy的博客 3659

android自定义刻度线,Android自定义控件之刻度尺控件

今天我做的是一个自定义刻度尺控件,由于项目需求需要使用刻度尺那样滑动选择,由于对自定义控件的认识还不够深入,于是花了一周多时间才把这个控件给整出来,也是呕心沥血的经历啊,也让我对自定义控件有了自己的认识,废话不多说,先上一个简单的效果图,大家可以看看,如有需求可以直接拿去使用效果图如下:只是我的一个简单Demo,效果有点丑陋了点,希望海涵!效果已经出来接下来就是代码部分了,一看就只是一般的控件很难...

weixin_32023091的博客 854

ANSYS 2022R2 安装教程:系统准备、许可证配置与故障排查

ANSYS 是面向工程仿真的多物理场商业软件平台,其安装远非普通应用软件的图形化向导流程,而涉及操作系统版本、运行库精确版本、硬件虚拟化支持、许可证服务架构等系统级配置。理解 ANSYS License Manager 的服务机制与端口依赖、掌握 Visual C++ 和 .NET Framework 的启用逻辑,是保障 Fluent、Mechanical、HFSS 等求解器稳定调用的基础。该技术栈广泛应用于高校教学、航空航天结构分析、电子设备电磁兼容仿真等场景。本指南聚焦 ANSYS 2022R2 版本在

weixin_28559803的博客 598

Python_构建同花顺问财智能选股API服务

本文详细介绍了如何使用Python构建同花顺问财智能选股API服务,涵盖从环境准备、核心API开发到高级功能扩展的全过程。通过Flask框架和pywencai库,开发者可以快速搭建稳定可靠的选股接口,实现自动化股票筛选与交易系统集成,提升量化投资效率。

weixin_30596343的博客 333

android 带刻度的滑动条_android 滚轮刻度尺的实现

遇到一个需求需要实现如下图的效果:卷尺,通过左右滑动来选择不同的刻度值。这方面的东西以前没弄过,以目前你的能力,想了几种思路都死在了半路上。比如上面的刻度线如何弄,滑动的时候又该如何弄;下面的数字又如何弄;看起来像圆圈的效果该如何弄。时间紧迫,就俩晚上的时间。没有好的思路就参考别人的先吧,说来也巧,两天前刚看过一个日期选择控件,还有以前看的一个仿IPhone滚动控件,效果类似:本想找作者傲慢的上校...

weixin_32771631的博客 479

最新Mamba环境配置教程:从CUDA到causal-conv1d的完整安装流程

本文提供最新Mamba环境配置教程,涵盖从CUDA到causal-conv1d的完整安装流程。针对深度学习领域的长序列处理需求,详细指导如何正确配置CUDA工具链、安装PyTorch及关键依赖causal-conv1d,解决常见报错问题,并验证mamba-ssm集成效果。

bush的博客 418

android自定义尺子收集demo

android自定义尺子收集demo

jacke121的专栏 6867

告别仿真报错!手把手教你为Intel MAX10 FPGA定制IBIS模型(附Allegro Skill工具)

本文详细介绍了为Intel MAX10 FPGA定制IBIS模型的完整流程,解决信号完整性仿真中的管脚映射问题。通过Allegro Skill工具自动化处理管脚信息,优化IBIS模型关键段落,提升仿真效率和精度,适用于高速数字电路设计。

weixin_33217202的博客 323

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

Android自定义View之刻度尺

阅读本文大概需要 6.6 分钟。这是我司同事的一篇文章,介绍了我们项目中实际开发中用到的一个自定义View组件,希望对你们能有借鉴作用,可以点击「阅读原文」跳转到作者原博...

stormzhang的专栏 1013

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

android 横向滚轮控件,Android滚轮控件,基于ListView实现,可以自定义样式。

Android滚轮控件,基于ListView实现,可以自定义样式。Features支持自定义滚轮样式支持common和holo两种皮肤支持文本和图文混排两中数据模版支持循环显示数据支持选中项添加附加文本支持设置滚轮刻度支持联动功能支持滚轮对话框支持滚轮选中项点击事件ScreenShot UsageGradle:compile 'com.wx.wheelview:wheelview:1.3.3'...

weixin_36179394的博客 1109

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

android 滚动尺画到控件中间,android 刻度尺控件实现

主要实现刻度尺的效果,能够快速滑动刻度,设置刻度间距,刻度值,滑动回调。简单易用效果图 textureView控件的选择总结来说:1.view的绘制在主线程里面,频繁绘制会导致主线程阻塞2.我们知道一个surfaceview是异步绘制的,不阻塞主线程,但是它不支持平移、缩放、旋转,且很难放在srollview等控件里面TextureView.SurfaceTextureListenerabstra...

weixin_30124601的博客 319

android滚轮柱状图

这个已经有应用实现了的,最近需求也用到,参考了滚轮图还有网上滚轮刻度尺那个例子做出来的。 @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); drawScaleLine(canvas); drawMiddleLine(canvas); } /** * 设置用于接

u011245332的专栏 430

自定义view---滚动的刻度尺(一)

自定义view入门了很久了 danshi

evn512457的专栏 3008

【Android】 横向纵向滚轮控件

项目需要纵向滚轮控件和横向滚轮控件     纵向滚轮控件:AndroidWheelDemo、AndroidWheel          横向滚轮控件:android 滚轮刻度尺的实现、android自己写的类似刻度尺的东西。      纵向滚轮控件如下: 修改滚轮控件的布局可以在src/kankan/wheel/widget/WheelView.java...

weixin_33851429的博客 407

android的尺子滚动功能 RulerWheel

一直想搞一个滚动的尺子功能,精力有限,又赖没去实现过! 后来项目中有个类似的功能,前期做一些核心功能所以那个功能一直在使用替代方案,后期觉得实在看不下去了!想想还是需要解决一下这个功能!在网上找了一下类似功能,发现都不能满意!花了点时间研究了开源项目kankan.wheel.widget.WheelView @author Yuri Kanivets, 感觉原理差不多,不过WheelView 是垂直的选择器, 我需要的是可以水平滚动的尺子,而且我也不需要适配数据! 砍掉了大部分!重新改造适合自己的需求功能。

Faceless Men专栏 4124
上一篇: 优秀程序员素质培养
下一篇: android仪表统计柱状等图标的绘制(开源库XCL-Charts)
minimicall
博客等级 码龄18年 407粉丝 174原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值