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

简介: 双十一买东西的时候突然发现淘宝的顶部有一个微小的动画效果,感觉很炫。 实现这个效果的方案就是在一个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];
AI 代码解读

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

参数

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

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

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

目录
打赏
0
0
0
0
3
分享
相关文章
代码让微信开屏地球转起来
这段内容介绍了如何使用Python制作一个动态旋转的地球图像,类似于微信启动画面中的地球。文章详细描述了所需准备的三个素材(地球表面、云图和微信地球的抠图),并解释了通过调整云层和地面的旋转速度来实现自然的相对运动效果的基本原理。文中还提供了一个GIF压缩工具的链接,以及部分代码示例。此外,文章最后提到了一些Python学习资源,包括学习路线、开发工具、视频教程、实战案例、练习题和面试资料。
65 0
HTML+CSS动画实现动感3D卡片墙:现代Web设计的视觉盛宴
HTML+CSS动画实现动感3D卡片墙:现代Web设计的视觉盛宴
|
8月前
首途第三十三套清新简约卡片风格蓝紫渐变色短视频模板 | 苹果CMSV10主题
首途第三十三套清新简约卡片风格蓝紫渐变色短视频模板 | 苹果CMSV10主题 我们的简约风格,以纯洁的白色和深邃的紫色为主色调,为您提供了一种清新、时尚的浏览体验。在这个简洁而美丽的界面中,您可以轻松畅享各种精彩短视频。我们专注于简单的设计,使用户能够轻松找到他们喜欢的内容,而不受繁杂的界面干扰。紫色的调性为网页增添了一抹神秘和优雅,让您在欣赏视频的同时感受到一份宁静和舒适。清晰的布局和直观的操作,让您可以更专注于视频内容,而不被复杂的功能所困扰
73 1
百度地图开发:根据指定手绘图纸照片行政区划自定义绘制对应区域边界生成geoJOSN的解决方案
百度地图开发:根据指定手绘图纸照片行政区划自定义绘制对应区域边界生成geoJOSN的解决方案
466 0
百度地图开发:根据指定手绘图纸照片行政区划自定义绘制对应区域边界生成geoJOSN的解决方案
微信小程序项目实例——我有一支画笔(画画)
微信小程序项目实例——我有一支画笔(画画)
五款炫酷精美动态登录页面,彩虹气泡动态云层深海灯光水母炫酷星空蛛网HTMLCSS源码
五款炫酷精美动态登录页面,彩虹气泡动态云层深海灯光水母炫酷星空蛛网HTMLCSS源码
208 0
猿如意中的【取色器】效率工具详情介绍
猿如意中的【取色器】效率工具详情介绍
325 0
猿如意中的【取色器】效率工具详情介绍
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等