
核心动画
文章平均质量分 95
欢迎来到iOS核心动画专栏!在这里,我们将深入解析iOS核心动画(Core Animation)的工作原理,帮助你更好地理解iOS的渲染、显示和动画机制。我们的文章将通过详尽的理论讲解和实战案例,带你掌握从基础到高级的动画技术,提升你的开发技能。一起探索iOS动画的奥秘让你的应用更加生动流畅!
胖虎1
这个人不懒,什么都没有留下
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
iOS 中的圆角与平滑圆角:从新特性到老项目适配
随着 iOS 设计理念的不断演进,细节上的优化已经成为提升用户体验的关键。平滑圆角作为 iOS 13 引入的新特性,不仅让 UI 元素看起来更加柔和自然,也为开发者提供了更丰富的视觉表现力。通过 cornerCurve 属性,开发者能够简单地为视图应用平滑过渡效果,而不需要额外的图形处理。对于老项目来说,尽管新的圆角效果提供了更加优雅的视觉呈现,但如何在不打乱现有代码结构的前提下,平滑地过渡到这一新特性,仍然是许多开发者关注的问题。原创 2025-02-21 09:23:09 · 1275 阅读 · 0 评论 -
二十一.核心动画-应用 实现直播间内飘心动画
通过本篇博客的介绍,我们实现了一个简单而有趣的飘心动画效果,展示了如何使用 CALayer 和 CAAnimationGroup 结合多个动画来提升用户体验。在实际应用中,通过合理的路径随机化、动画维度的组合和性能优化,我们能够为直播间或社交应用带来更加生动的互动效果。希望通过这个示例,读者能够更深入理解如何在 iOS 中灵活使用动画技术,同时激发更多创意,在应用中实现丰富的动态效果。原创 2025-02-07 09:44:52 · 920 阅读 · 0 评论 -
二十.核心动画 - 新年烟花
通过本篇博客,我们从烟花的升空到爆炸,完整实现了一个逼真的跨年烟花动画。借助的强大功能,结合普通图层和粒子图层(CAEmitterLayer),我们不仅展现了烟花的动态美感,还深入理解了动画的实现原理和优化技巧。这个案例不仅适用于烟花动画的实现,还能为其他类似的动态效果提供设计思路。希望这篇博客能帮助你在实际开发中灵活运用动画技术,为应用增添更多生动的视觉效果!让我们用代码点亮夜空,迎接更精彩的一年吧!🎆。原创 2025-01-06 11:54:50 · 1641 阅读 · 0 评论 -
十九.核心动画 - 浪漫动画 跳动的心❤
通过本文的实现,我们不仅学习了如何利用 Core Animation 构建一个跳动的红心动画,还体会到了动画为应用增添的独特魅力。从绘制红心图案到实现生动的跳动效果,整个过程充分展现了 iOS 动画框架的灵活性与强大功能。红心动画是浪漫的象征,也可以成为各种场景下的点睛之笔。无论是节日主题、表情互动,还是游戏奖励动画,它都能带来令人眼前一亮的效果。希望本文能为你提供灵感,在项目中创造更多充满情感和生命力的动画。原创 2024-12-25 09:17:39 · 1283 阅读 · 0 评论 -
十八.核心动画 - 使用CAGradientLayer图层构建渐变视图
其实在前面的博客中我们已经对CAGradientLayer做了一些介绍,在这里我们再简单的概况一下它的基本属性和使用方法。/// 从左到右/// 从上到下/// 从左上到右下/// 从右上到左下为视图添加自定义的初始化方法,可以创建最常用的渐变视图,该方法提供了两个必传参数,和两个可选参数。/// 自定义初始化方法 默认从左到右/// - startColor: 开始颜色/// - endColor: 结束颜色/// - direction: 渐变方向。原创 2024-08-08 09:19:15 · 981 阅读 · 0 评论 -
十七.核心动画 - 使用重复图层(CAReplicatorLayer)构建自定义loading视图.
通过本文,我们深入了解了 CAReplicatorLayer 的基本用法和一些进阶技巧。从创建简单的加载动画到实现围绕方框移动、绘制 logo 和闪烁文字等复杂效果,CAReplicatorLayer 展现了其强大的功能和灵活性。CAReplicatorLayer 不仅能够大幅提高动画的性能,还能让开发者用简洁的代码实现复杂的视觉效果。希望本文能为大家提供一些灵感,鼓励大家在实际开发中多多尝试,利用 CAReplicatorLayer 创造出更多精彩的动画效果。原创 2024-08-06 18:17:10 · 1196 阅读 · 0 评论 -
十六.核心动画 - 更深层次的原理
在理解了iOS动画的底层原理后,我们能够更好地优化应用的性能,确保动画的流畅性。CPU、GPU 和 IO 各自扮演着重要的角色,协同工作以实现动画效果。然而,任何一个环节的瓶颈都可能导致动画不流畅。因此,在开发过程中,我们需要综合考虑各方面的性能因素,从而优化动画效果。通过合理分配任务、优化资源使用以及及时处理性能瓶颈,我们可以打造出更加流畅和优质的用户体验。希望通过这篇博客,能帮助大家更好地理解iOS动画的内部工作原理,并在实际开发中运用这些知识来提升应用的动画表现。原创 2024-08-01 17:00:37 · 589 阅读 · 0 评论 -
十五.核心动画 - 动画与截图
理解模型图层和呈现图层的区别对于正确处理iOS动画和截图至关重要。通过明确这两个图层的作用,开发者可以更好地控制动画效果,并确保截图与实际看到的动画一致。希望这篇博客能帮助你在iOS开发中更加自信地处理动画相关的问题。原创 2024-07-29 10:01:21 · 825 阅读 · 0 评论 -
十四.核心动画 - 定时器动画
在本篇博客中,我们详细介绍了如何使用定时器来实现动画效果。通过前面的案例,我们成功地运用了定时器来创建反弹动画,展示了定时器在 Core Animation 中的强大功能。然而,定时器动画的应用场景远不止于此。定时器不仅可以用来控制动画的节奏和同步,还可以在更复杂的动画效果中发挥关键作用。无论是游戏开发、UI 交互还是数据可视化,定时器都可以帮助我们实现更生动、更流畅的动画效果。希望通过本篇博客,您能更好地理解和应用定时器动画,提升您的 iOS 开发技能。原创 2024-07-24 09:16:16 · 974 阅读 · 0 评论 -
十三.核心动画 - 动画缓冲②(自定义缓冲)
CAMediaTimingFunction除了init(name: CAMediaTimingFunctionName)初始化方法以外,还提供了一个initc2y: Float)初始化方法,这个方法看起来有一些奇怪,文件中也没有什么注释,接下来我们需要使用它来创建自定义的缓冲函数,但是在创建之前最好还是先来了解一些CAMediaTimingFunction是如何工作的。那么现在既然知道了它的原理,我们是不是也可以自己来定义缓冲函数了?原创 2024-07-18 19:32:09 · 926 阅读 · 0 评论 -
十二.核心动画 - 动画缓冲①(框架提供的缓存函数)
本篇博客我们介绍了图层动画和视图动画的缓冲函数,列举了一些常用的缓冲函数及其使用效果,最后我们讨论了关键帧动画缓存函数的设置方案。不过对于动画的缓冲来说,这仅仅是一个开始,后面的博客我们将开始更加深入的探讨CAMediaTimingFunction是如何工作的,并且我们该如何自定义一个更适合自己动画的缓冲函数。原创 2024-07-18 09:19:51 · 741 阅读 · 0 评论 -
十一.核心动画 - 图层的时间(CAMediaTiming协议)
本篇博客我们讨论了一下CAMediaTiming协议,了解了Core Animation是如何跟踪时间的。知道了duration,repeatCount,speed,beginTime等属性对动画的影响,也列举了几个简单的案例来说明这些属性。后面的博客我们会继续讨论Core Animation中的时间,使用另外一种操作时间的技术来使的动画更加真实和流畅。原创 2024-07-17 08:15:00 · 1151 阅读 · 0 评论 -
十.核心动画 - 显式动画(动画组,过渡动画,取消动画)
在本篇博客中,我们主要介绍了动画组,过渡动画,UIKit中的过渡动画,以及自定义动画和取消动画,有了这些功能我们可以创建出很多有趣的动画和页面切换效果。下一篇博客我们将介绍CAMediaTiming协议,来看看Core Animation是怎么处理时间的。原创 2024-07-14 11:21:03 · 922 阅读 · 0 评论 -
九.核心动画 - 显式动画
本篇博客介绍了两个最常用的显式动画,属性动画和关键帧动画。大家在实际开发过程中应该经常会使用到。接下来的博客我们会继续讨论显式动画,进行动画的组合,过渡动画,以及取消动画。原创 2024-07-11 09:53:17 · 827 阅读 · 0 评论 -
八.核心动画 - 隐式动画
本篇博客我们讨论了一下隐式动画,这帮我们解释了为什么有些图层明明没有添加动画在改变属性时却莫名其妙的出现了动画。也知道了UIKit是如何充分利用Core Animation的隐式动画机制来强化显示的。最后我们介绍了图层的呈现图层和模型图层。下一篇博客我们将来介绍Core Animation提供的显示动画。原创 2024-07-08 11:59:17 · 999 阅读 · 0 评论 -
七.核心动画 - 特殊图层②
本篇博客继续了介绍了一些特殊图层及其用法,针对粒子图层我们列举了大量的使用方案,也了解了CAEAGLLayer图层的使用场景。但是其实我们仍然只是了解了这些图层皮毛,不过图层的使用在开发场景中的作用很大,可以优化很多性能问题。后面的博客我们会继续研究Core Animation并且正式进入动画环节。原创 2024-07-08 09:24:45 · 992 阅读 · 0 评论 -
六.核心动画 - 特殊图层①
Core Animation提供很多特殊图层,它们适用于不同的特殊环境,我们在本篇博客中先来介绍这四种图层,下一篇博客我们将会讨论更多的专用图层。原创 2024-07-04 16:40:55 · 991 阅读 · 0 评论 -
五.核心动画 - 图层的变换(平移,缩放,旋转,3D变化)
这一篇博客我们介绍了一下图层的2D和3D变换,并且利用这些变换创建了一个3D场景。下面一篇博客我们将会来讨论一下Core Animation提供的不同的具体的CALayer的子类以及它们的功能。原创 2024-07-04 16:40:31 · 1523 阅读 · 2 评论 -
四.iOS核心动画 - 图层的视觉效果
本篇博客介绍了一些使用代码可以实现的图层的视觉特效,比如阴影,蒙版,圆角。又介绍了一些拉伸过滤的方案。下篇博客我们开始研究图层的变化。原创 2024-07-01 09:23:19 · 1176 阅读 · 0 评论 -
三.iOS核心动画 - 关于图层几何(frame,bounds,transform,position)
frame,bounds,transform,position原创 2024-06-24 09:14:07 · 1269 阅读 · 0 评论 -
二.iOS核心动画 - 关于寄宿图
本篇博客主要介绍了一些寄宿图相关的属性,相信你对CALayer应该有了一个更深刻的理解。下一篇博客中,我们将会讨论一下图层的几何,介绍他们的frame,bounds,center,position等等。原创 2024-06-17 09:15:31 · 1148 阅读 · 0 评论 -
一.iOS核心动画 - 关于图层与视图
在日常开发中我们对视图的概念已经比较熟悉了。一个视图就是显示在屏幕上的一个矩形块,它可以拦截点击触摸等用户输入的事件。视图在层级关系中可以嵌套,一个视图可以管理它的所有子视图的位置。视图显示如下,两个subView嵌套在红色view当中:在iOS当中,所有的视图都从UIView这个基类派生出来的,UIView可以处理触摸事件,可以支持基于Core Graphics绘图,可以做仿射变换,或者简单的滑动渐变的动画。原创 2024-06-11 09:36:52 · 611 阅读 · 0 评论