仿写淘宝个人中心上面的波纹效果

简介: 双十一买东西的时候突然发现淘宝的顶部有一个微小的动画效果,感觉很炫。 实现这个效果的方案就是在一个View上面添加两个View 一个是sin函数图,另一个是cos函数图

DoubleWaves

一个正弦&&余弦波纹图

创作来源

双十一买东西的时候突然发现淘宝的顶部有一个微小的动画效果,感觉很炫。 实现这个效果的方案就是在一个View上面添加两个View 一个是sin函数图,另一个是cos函数图

使用方法

DoubleWaves *doubleWaves = [[DoubleWaves alloc]initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 26)]; 

[self.view addSubview:doubleWaves];

就是最简单的创建视图的方法就可以了。

参数

CGFloat waveA;//水纹振幅
CGFloat waveW ;//水纹周期
CGFloat offsetX1; //位移
CGFloat currentK; //当前波浪高度Y
CGFloat offsetX2; //位移
CGFloat wavesSpeed;//水纹速度
CGFloat WavesWidth; //水纹宽度

可以根据自己项目的需求,去调整相应的参数,实现相应的效果。

github:https://github.com/cAibDe/DoubleWaves

相关文章
|
存储 Serverless 定位技术
深度探索 Elasticsearch 8.X:function_score 参数解读与实战案例分析
深度探索 Elasticsearch 8.X:function_score 参数解读与实战案例分析
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的会员管理系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的会员管理系统附带文章和源代码部署视频讲解等
109 2
|
存储 JavaScript 前端开发
HaaS轻应用(JavaScript)OTA 远程升级组件
OTA升级是很多嵌入式产品必备的一个功能。HaaS 轻应用提供了完备的OTA解决方案。本案例就是一个升级JavaScript脚本的端云一体化例子,用户可以通过JavaScript脚本实现应用脚本的版本上报,下载,完整性检验和脚本加载。
HaaS轻应用(JavaScript)OTA 远程升级组件
|
人工智能 物联网 新制造
如何才能以更低投入帮助工业企业建立一座柔性制造智能工厂?
过去,很多制造业企业都觉得生产线的“柔性”只是一个可选项,就算一条产线只能生产一种产品,只要产品卖的好,就不用过多担心。但疫情却为企业管理者敲响了警钟,未来确实存在像疫情黑天鹅这样的极端情形,如果产线没有足够的柔性去应对,就只能坐以待毙。
|
3天前
|
云安全 数据采集 人工智能
古茗联名引爆全网,阿里云三层防护助力对抗黑产
阿里云三层校验+风险识别,为古茗每一杯奶茶保驾护航!
古茗联名引爆全网,阿里云三层防护助力对抗黑产
|
3天前
|
存储 机器学习/深度学习 人工智能
大模型微调技术:LoRA原理与实践
本文深入解析大语言模型微调中的关键技术——低秩自适应(LoRA)。通过分析全参数微调的计算瓶颈,详细阐述LoRA的数学原理、实现机制和优势特点。文章包含完整的PyTorch实现代码、性能对比实验以及实际应用场景,为开发者提供高效微调大模型的实践指南。
491 1
kde
|
3天前
|
人工智能 关系型数据库 PostgreSQL
n8n Docker 部署手册
n8n是一款开源工作流自动化平台,支持低代码与可编程模式,集成400+服务节点,原生支持AI与API连接,可自托管部署,助力团队构建安全高效的自动化流程。
kde
331 3