Android自定义仿Siri曲线View

最新推荐文章于 2024-08-16 09:05:51 发布
最新推荐文章于 2024-08-16 09:05:51 发布
阅读量8.7k 收藏 4
点赞数 1
分类专栏： android 文章标签： 自定义控件 贝塞尔曲线 android siri
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cyt528300/article/details/51695281
版权
本文介绍如何在Android中自定义一个仿Siri曲线View，通过贝塞尔曲线实现波动效果。文章详细讲解了实现原理，包括在onDraw中利用Path.quadTo绘制曲线，通过控制点坐标调整波浪高度，以及利用线程让曲线动态移动，模拟波浪动画。提供了XML布局及Activity的使用示例，并附带了GitHub源码链接。
摘要由CSDN通过智能技术生成

Android自定义仿Siri曲线View

效果图

目标实现
自定义View
自定义View

代码实现

仔细观察效果图可以发现，波浪其实是由4条贝塞尔曲线组成的，可以在自定义View的onDraw函数中，用Path.quadTo函数画出4条曲线。

Path.quadTo(float x1, float y1, float x2, float y2)

其中，x1，y1为控制点的坐标值，x2，y2为终点的坐标值；当控制点的x1位于起点与终点之间时，将画出正弦曲线，此时y1控制正弦曲线的高度，即效果图中波浪的高度由y1控制。
实现了曲线绘制和高度控制之后，如何让曲线像波浪一样动起来呢？
我的解决方法是在屏幕左边，即x<0的位置，同样

最低0.47元/天 解锁文章
陈苑韬
关注
专栏目录
Android 仿写Siri声波震动波形效果-彩色曲线.rar
07-10
Android彩色动态曲线生成例子，模拟实现了Siri声波震动效果，动态适时绘制并生成彩色的波形图，源代码中涉及到ios9之前版本及ios9上的两种效果。SiriWaveDemo是仿ios9之前的效果，SiriWaveView.java，另外是仿ios9版本的曲线波形效果，主文件是SiriWaveViewNine.java。截图演示的是IOS9版本的效果。
Android代码-在Android上模拟Siri录音动效
08-08
SiriWaveframe 在 Android 上模拟 Siri 录音动效 示例：
SwiftSiriWaveformView 使用教程
最新发布
gitblog_00838的博客
08-16 966
SwiftSiriWaveformView 使用教程 SwiftSiriWaveformViewA UIView subclass that reproduces the waveform effect seen in Siri on iOS 7+. It is a Swift adaptation of the amazing SCSiriWaveformView by Stefan Ce...
Android仿苹果siri浮动控件
11-22 2467
实现原理是用WindowManager添加视图，生命周期可以不跟随某一页面或某一应用，可以全屏浮动（状态栏除外）。只有一个主类FloatView。在应用中new一下就可以显示了。 需要添加权限： 参考了网上很多的例子，谢谢大家的分享。 主类FloatView贴在下面，详细的大家可以下载项目看看。 package com.example.testandroidproject; im
仿Siri动画
03-24
仿照Siri动画，语音效果波动动画，根据音量大小波动幅度加大
Android仿Siri的中文语音助理源码.zip
12-04
该压缩包文件“Android仿Siri的中文语音助理源码.zip”包含了一个Android应用程序的源代码，该程序旨在实现类似苹果Siri的中文语音识别和交互功能。开发者可以通过这个项目来学习和研究如何在Android平台上构建一个...
Android 仿Siri的中文语音助理源码.zip
07-24
Android 仿Siri的中文语音助理源码.zip
仿Siri 拾音波形效果
05-01
仿siri声波波形demo，根据音量大小 动态改变振幅，平滑过度。
Android 仿苹果siri语音动效
wljian1的博客
04-03 9145
  import android.animation.Animator; import android.animation.AnimatorListenerAdapter; import android.animation.ValueAnimator; import android.content.Context; import android.graphics.Canvas; import ...
Android仿Siri声波震动效果，ios9之前及ios9上的两种效果。
01-14
Android平台仿siri声波震动效果，一种是仿ios9之前的效果，SiriWaveView.java，一种是仿ios9上的SiriWaveViewNine.java。
Android加载音频声波图
02-10
通过异步方式加载解码音频数据，并显示为声波图。实现快进/退，暂停、播放、时间显示等功能。
Android仿苹果siri 浮动控件
11-22
实现原理是用WindowManager添加视图，生命周期可以不跟随某一页面或某一应用，可以全屏浮动（状态栏除外）。只有一个主类FloatView。在应用中new一下就可以显示了。
android siri声波动画,Waver声波效果开源项目：和 Siri 一起学数学
weixin_39606244的博客
05-25 1164
在上一篇研究了动效之后，这段时间一直在琢磨如何做一些更有趣的东西，所以，昨天我开源了一个新的声波库——Waver，拥有非常动人的声波效果，在此要感谢 SCSiriWaveformView 这个项目，Waver 在他的基础上改成了 Block 的使用方式，同时声波采用我最熟悉的 UIBezierPath 和 CAShapeLayer 实现，并做了一些逻辑上的优化，实现了 8 倍的性能提升。采用 UI...
动画Demo - Android
ShareUs的专栏
04-12 715
-- 苹果siri语音动画 Android 模仿Siri 的波浪动画- https://gitee.com/afewfaefa/WaveDemo SiriView for Android- https://github.com/chenyuantao/SiriView Android仿苹果siri浮动控件- https://blog.csdn.net/igaocx/article/details/...
最简洁的方式实现圆形ImageView + 呼吸动画
qq_30878303的博客
04-27 995
0.代码实现 private void initShotAnim(ImageView iv) { AnimatorSet animatorSet = new AnimatorSet(); ObjectAnimator animatorX = ObjectAnimator.ofFloat(iv, "scaleX", 1f, 1.2f, 1f); O...
安卓开发中非常炫的效果集合
weixin_30810583的博客
01-08 2225
1.很简单却很酷的粒子破碎效果 介绍：实现思路 1.新建一个 BeanParticle，表示一个粒子对象；新建一个 ViewExplosionField作为画布用来显示破碎的粒子；新建一个属性动画（ValueAnimator）ExplosionAnimator用来改变不同时刻的粒子状态； 2.通过View生成图片Bitmap，把生成的图片分解成...
android 仿siri动效
09-04
Android仿Siri动效是指在Android系统上开发出一种类似于苹果的Siri语音助手的动画效果。Siri是苹果公司推出的一款智能语音助手，它可以通过语音指令来完成用户的需求，如发送短信、查找信息等。它以其独特的对话界面...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值