iOS 美女波浪图~ demo

最新推荐文章于 2022-08-27 23:08:46 发布
最新推荐文章于 2022-08-27 23:08:46 发布
阅读量1k 收藏
点赞数
分类专栏： iOS 核心动画 iOS Quartz 2D 绘图 iOS demo集合
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shihuboke/article/details/84292502
版权

   联系人:石虎 QQ:1224614774  昵称: 嗡嘛呢叭咪哄

                        QQ群:807236138  群称: iOS 技术交流学习群

 

一、概念

  利用UIBezierPath原理实现波浪动画

二、demo 效果图

 

下载 demo 

   码云: https://gitee.com/ShiHu132/SHWaveAnimation

  GitHub: https://github.com/shihu132/SHWaveAnimation

 

三、 仿界面实现截图

谢谢!!!

本账号主要分享我成长过程中的各种心得感悟,包括技术总结, iOS、Swift 和 Mac 相关技术文章、工具资源、参与技术讨论,整理开发技巧、让学习成为一种享受!

@福者
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ios应用源码之图片区域截取demo 2018127
12-07
本示例代码"ios应用源码之图片区域截取demo 2018127"提供了一个完整的解决方案，帮助开发者了解如何在iOS应用中实现自定义的截图功能。以下是对这个demo中的关键知识点的详细解释： 1. **UIImage**: UIImage是iOS中...
iOS实现波浪效果
08-27
在iOS开发中，创建动态视觉效果能够提升用户体验，其中一种有趣的特效是波浪效果。本文将详细介绍如何在iOS应用中实现这种波浪效果，并提供具体的代码实现。 首先，我们需要了解波浪的基本数学模型。波浪通常可以用...
iOS_circle water ripple wave progress 圆形水波纹进度动画
mikimo的博客
06-26 1061
大神1:https://www.jianshu.com/p/0327ea46d1bc 使用CGPathCreateMutable画出了水波浪 (但是水浪就没法实现渐变色了) 大神2:https://www.jianshu.com/p/8cf70355a92b 使用CABasicAnimation移动x, 实现了水波浪 受以上两位大神启发, 我让UI给我切了2倍w...
iOS实现正弦函数渐变动画，波浪线渐变动画的实现思路
qq_15509071的博客
08-04 632
在iOS里面单独的波浪线使用CAShapeLayer设置strokeColor，创建CGMutablePathRef使用正弦函数sin获取y值，连接成点CGPathAddLineToPoint得到一条曲线，然后赋值给图层。这个mask可以控制显示的区域，mask也是layer类型，放一张png格式的渐变图，mask透明并且正弦函数移动，显示的效果就是带渐变的波浪线。在iOS里面单独的渐变使用CAGradientLayer，设置colors，设置locations可以生成渐变的矩形，但不是线，不能动。...
【SwiftUI模块】0016、SwiftUI搭建一个水波纹动画效果
慢慢来就很快。
08-27 868
SwiftUI搭建一个水波纹动画效果
iOS 动画-波浪
雪松-不仅仅是程序员
04-23 5541
iOS 动画-波浪，这个东西早就想看看了。 今天花了点时间看了看。 要做出这个效果首先要懂得正弦函数 y =Asin（ωx+φ）+C A 表示振幅，也就是使用这个变量来调整波浪的高度 ω表示周期，也就是使用这个变量来调整在屏幕内显示的波浪的数量 φ表示波浪横向的偏移，也就是使用这个变量来调整波浪的流动 C表示波浪纵向的位置，也就是使用这个变量来调整波浪在屏幕中竖直的位置。@prope
iOS 干货--实现炫酷波浪效果
H.A.N的博客
11-21 698
前言 最近产品提出一个新需求，要实现一个波浪动画效果。自己研究，简单实现了一下，如果大家有别的方法可以共享一下
810Demo_ios蓝牙Demo_DEMO_
09-30
标题“810Demo_ios蓝牙Demo_DEMO_”暗示我们这里有一个实际的项目示例，用于演示如何在iOS应用中集成蓝牙功能，特别是针对某种蓝牙设备，比如蓝牙手环。 描述中提到，这个Demo是关于如何使用iOS的蓝牙库进行开发的...
ios应用源码之类似于ios内置的图片浏览器的demo 2018128
12-08
这个“ios应用源码之类似于ios内置的图片浏览器的demo”提供了一个很好的学习和参考实例，它可以帮助开发者理解如何实现这样的功能。下面我们将深入探讨这个示例中涉及的关键技术点。 1. **UIImage与UIImageView**...
iOS 双曲线波浪动画
努力，可能成功！放弃，注定失败！
11-14 1377
今天来搞一下 双曲线波浪动画,那么什么是双曲线波浪呢 看效果 6月-24-2016 09-38-54.gif 一, 效果就是这样子 ,通过调整百分比 可以实现球形的水面的占比,那么实现的思路是什么呢 1.首先肯定是连个图层 一个深蓝色 一个浅蓝色 (我做的时候 RGB 是一样的不过是修改了透明度 ) 2.就是曲线条 当然很直观的可以看出来这个曲线 可以用 正弦 或 余弦函数实
iOS 水波纹波浪形式
12-10
iOS开发中一个波浪形式动画，通知正弦函数和余弦函数完成，波纹可自由调节
ios-波浪动画侧滑.zip
07-11
ios-波浪动画侧滑.zip
ios-自定义带有渐变色的波浪动画.zip
07-11
1、波纹动画主要依赖于CAShapeLayer的绘制，使用帧动画实现；需要使用多个CAShapeLayer通过y值变换组成（这里我只是用了2个CAShapeLayer）。 2、渐变色由CAGradientLayer完成。 ``` - (void)changeFirstWaveLayerPath { CGMutablePathRef path = CGPathCreateMutable(); CGFloat y = _wavePointY; CGPathMoveToPoint(path, nil, 0, y); for (float x = 0.0f; x <= _waveWidth; x ) { y = _waveAmplitude * 1.6 * sin((250 / _waveWidth) * (x * M_PI / 180) - _waveOffsetX * M_PI / 270) _wavePointY; CGPathAddLineToPoint(path, nil, x, y); } CGPathAddLineToPoint(path, nil, _waveWidth, 0); CGPathAddLineToPoint(path, nil, 0, 0); CGPathCloseSubpath(path); _shapeLayer1.path = path; CGPathRelease(path); } - (void)changeSecondWaveLayerPath { CGMutablePathRef path = CGPathCreateMutable(); CGFloat y = _wavePointY; CGPathMoveToPoint(path, nil, 0, y); for (float x = 0.0f; x <= _waveWidth; x ) { y = _waveAmplitude * 1.6 * sin((250 / _waveWidth) * (x * M_PI / 180) - _waveOffsetX * M_PI / 180) _wavePointY; CGPathAddLineToPoint(path, nil, x, y); } CGPathAddLineToPoint(path, nil, _waveWidth, 0); CGPathAddLineToPoint(path, nil, 0, 0); CGPathCloseSubpath(path); _shapeLayer2.path = path; CGPathRelease(path); } ``` 方法调用： ``` _waveOffsetX = _waveSpeed; [self changeFirstWaveLayerPath]; [self changeSecondWaveLayerPath]; [self.layer addSublayer:self.gradientLayer1]; self.gradientLayer1.mask = _shapeLayer1; [self.layer addSublayer:self.gradientLayer2]; self.gradientLayer2.mask = _shapeLayer2; ```
iOS贝塞尔曲线,折线,曲线,波浪线
09-20
可用于绘制走势图,折线图,图表类制作.
iOS 时钟、波浪线动画
04-23
iOS 时钟、波浪线动画
iOS 利用正余弦曲线实现波浪形的XLWaveProgress
孟宪亮的技术博客
11-10 8424
一、效果 二、工作原理 三、代码 Demo下载
iOS 水波纹动画的实现效果
01-04
本人最近在研究iOS动画，至于原理，我不在这里说了。毕竟这里的标题：水波纹的实现。 在这里，要学习水波纹的实现，首先要知道以下几点知识： 1.正弦函数：y = Asin(wx +b) + c。相信大家都比较熟悉。 2.CAShapeLayer的简单实用，相信看一下，就是知道其大概的用途了，形状Layer层。和用户显示图形的Layer，继承于layer，好了，废话不多说，直接上图吧。 上面的知识点，我会以代码的方式，梳理上面的知识点，不过首先我还是上传效果图吧，有图有真相，才是事实嘛。 1.效果图： 下面开始上代码。 2.创建变量 //这里的lazy：是懒加载 就是OC中重写g
ios-向外扩散的圆形波浪.zip
07-11
圆形波浪，github： https://github.com/MarkeJave/WPWaveRippleView
ios-波浪动画.zip
07-11
波浪动画,可拓展。 GitHub: https://github.com/zhouXiaoR/ZZWaterWave
写一个iOS端离线下载的demo
最新发布
05-13
好的，下面是一个简单的iOS端离线下载的demo： 1. 创建一个新的工程，导入AFNetworking库，用于网络请求和下载。 2. 创建一个下载管理类，例如： ``` @interface DownloadManager : NSObject + (instancetype)...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值