How to use animation with value in SwiftUI (iOS 16+) | Bootcamp #67

Swiftful Thinking

12 Jun 202310:54

Summary

TLDR在这段视频中，Nick 解释了为什么 Apple 在 iOS 15 中对 Swift UI 的动画修饰符进行了更改，并展示了如何使用新的动画修饰符。他首先创建了一个简单的用户界面，然后通过一个按钮来控制一个矩形在屏幕上的左右移动。Nick 指出，旧的动画修饰符已经不推荐使用，并且展示了如何使用新的动画修饰符，它允许开发者更精确地控制动画。他通过添加不同的动画修饰符来演示如何对不同的动作应用不同的动画效果，强调了新修饰符如何帮助开发者避免不必要的动画效果，并提供了更精细的控制。最后，Nick 推荐开发者在所有应用中使用新的动画修饰符，并感谢观众的观看。

Takeaways

📚 视频中提到了动画修改器（animation modifier）在iOS 15中被弃用，并引入了新的动画修改器，这为开发者提供了更多的控制权。
🔍 新的动画修改器需要一个额外的值，但它允许开发者更精确地指定哪些视图应该被动画化。
🛠️ 通过使用新的动画修改器，开发者可以避免之前动画修改器带来的问题，比如不需要动画的视图被错误地动画化。
🎯 新的动画修改器通过绑定一个特定的布尔值（比如`animateOne`），来控制动画的触发，从而提供了更精细的控制。
🌟 视频中展示了如何使用新的动画修改器来创建更复杂的动画效果，如同时进行水平和垂直的动画。
📈 通过将动画绑定到特定的状态变量，开发者可以更灵活地控制动画的开始和结束。
🚀 视频中提到，使用新的动画修改器是一个重大的升级，因为它允许开发者更明确地告诉视图何时进行动画化。
📝 作者推荐在所有应用中100%使用新的动画修改器，因为它避免了旧动画修改器的问题。
📌 视频中强调了在构建复杂的Swift UI应用时，新的动画修改器对于控制动画的细节至关重要。
💡 作者还提到，尽管UI在视频中不是重点，但理解新的动画修改器如何工作对于开发者来说非常重要。
📘 最后，作者提醒观众，尽管弃用消息中提到了`withAnimation`，但最好始终使用带有值的`animation`修改器。

Q & A

为什么原来的动画修饰符被弃用了？
-原来的动画修饰符被弃用是因为Apple在iOS 15中引入了新的动画修饰符，它不仅改变了代码的使用方式，还提供了开发者对动画更多的控制能力。
新的动画修饰符与旧的有什么区别？
-新的动画修饰符允许开发者通过一个额外的值来指定动画效果，并且只在该值改变时应用动画，这样开发者可以更精确地控制动画的触发条件和效果。
为什么使用新的动画修饰符可以避免一些bug和问题？
-使用新的动画修饰符可以避免动画被错误地应用到不应该动画化的UI元素上，因为它允许开发者指定动画应该应用于哪个特定的状态变化。
如何在Swift UI中创建一个简单的左右移动动画？
-可以通过改变视图的对齐方式（alignment）来创建一个简单的左右移动动画。例如，通过toggle一个状态变量来在leading和trailing之间切换。
如何为不同的动作应用不同的动画效果？
-通过使用新的动画修饰符，并结合状态变量，可以为不同的动作应用不同的动画效果。例如，可以为一个动作使用spring动画，而为另一个动作使用linear动画或者不应用动画。
在Swift UI中，如何同时运行多个动画？
-可以通过堆叠多个动画修饰符来同时运行多个动画。每个动画修饰符可以绑定到不同的状态变量上，这样就可以独立控制每个动画的触发和行为。
为什么说新的动画修饰符是Swift UI开发者的一个重大升级？
-新的动画修饰符提供了更精细的控制，允许开发者明确指定哪些视图应该动画化，动画应该如何进行，以及何时进行，从而在构建复杂的Swift UI应用时提供更大的灵活性。
在Swift UI中，如何标记一个函数或方法为弃用？
-可以通过在函数或方法的定义上使用@available属性，并指定一个更高版本的iOS来标记它为弃用，并提供一个弃用的消息。
在Swift UI中，动画修饰符的弃用信息在哪里可以找到？
-可以通过在代码中右键点击动画修饰符，然后选择跳转到定义，查看其可用性和弃用信息。
为什么推荐在所有情况下都使用带有值的动画修饰符？
-因为带有值的动画修饰符允许更精确的控制，可以避免动画被错误地应用到不应该动画化的UI元素上，从而减少bug和问题的发生。
在Swift UI中，动画修饰符的宽度问题指的是什么？
-动画修饰符的宽度问题指的是动画修饰符被应用到了所有变化上，而不仅仅是特定的状态变化，这可能导致一些不期望的动画效果。
如何理解Swift UI中的动画时间控制和动画效果？
-通过使用新的动画修饰符，开发者可以控制动画的时间（如使用linear指定持续时间）和动画效果（如使用spring创建弹性效果），从而实现更丰富的用户界面动态效果。

Outlines

00:00

📚 动画修改器的更新与使用

Nick在视频中讨论了Swift UI中动画修改器的更新。他提到，尽管新的动画修改器代码与旧版本相似，但许多用户对如何使用它感到困惑。Nick解释说，新修改器实际上给了开发者更多的控制权，可以更精细地控制动画。他通过创建一个ZStack和VStack，以及一个按钮和一个矩形，展示了如何使用新的动画修改器，并解释了为什么Apple会进行API的更改。

05:01

🔄 动画效果的自定义与控制

Nick展示了如何使用新的动画修改器来控制视图中的动画效果。他通过创建两个动作（action one 和 action two），并为它们设置不同的动画效果，来演示如何对同一个视图中的不同元素应用不同的动画。他强调了新动画修改器的优势，即能够更精确地控制哪些元素应该动画化，以及动画的具体方式和时间。此外，Nick还提到了使用动画值（animation value）的重要性，并展示了如何通过改变这个值来控制动画的触发。

10:03

⚠️ 弃用旧动画修改器与推荐使用新方法

Nick指出，旧的动画修改器已经被弃用，并在iOS 15中标记为不推荐使用。他建议开发者始终使用新的动画修改器，并强调了其在构建复杂的Swift UI应用时的优势。Nick还提到了在旧动画修改器的弃用信息中推荐使用的新动画修改器存在的问题，并重申了他的建议：在所有应用中100%使用带有值的动画修改器。视频以感谢观众的观看和预告下一期视频结束。

Mindmap

Keywords

💡动画修改器

动画修改器是Swift UI中用于创建和控制用户界面动画的工具。在视频中，提到了旧的动画修改器被弃用，并引入了新的动画修改器，这允许开发者更精细地控制动画效果。例如，通过使用新的动画修改器，开发者可以为不同的动作指定不同的动画效果，如弹簧效果或线性效果。

💡API变更

API变更指的是应用程序编程接口(Application Programming Interface)的变化。在视频中，提到了Apple对Swift UI的动画API进行了更改，这是为了提供更多的控制力和更好的用户体验。API变更通常意味着开发者需要更新他们的代码以适应新的API。

💡弃用

弃用是指某个特性或者方法在将来的版本中将不再被支持，但目前仍然可以使用。在视频中，提到了原来的动画修改器被标记为弃用，并推荐使用新的动画修改器。弃用是软件开发中常见的做法，它给开发者提供了一个过渡期来更新他们的应用程序。

💡Swift UI

Swift UI是一个由Apple开发的用于创建用户界面的框架，它允许开发者以声明式的方式构建iOS、macOS、watchOS和tvOS应用程序的界面。视频中主要围绕Swift UI的动画功能进行讲解，展示了如何使用Swift UI创建和管理动画。

💡动画效果

动画效果指的是用户界面元素在屏幕上的视觉运动或变化。在视频中，通过Swift UI的动画修改器，可以实现多种动画效果，如弹簧效果、线性运动等。动画效果可以提升用户界面的交互性和吸引力。

💡值绑定

值绑定是一种技术，允许开发者将Swift UI视图的属性绑定到数据源上。在视频中，通过使用值绑定，可以控制动画的触发条件，使得动画仅在特定数据源变化时发生。这是一种提高代码灵活性和可维护性的方法。

💡ZStack

ZStack是Swift UI中的一个视图，用于在Z轴方向上堆叠多个子视图，从而创建层叠的布局效果。在视频中，ZStack被用来组织和布局按钮和矩形视图，以展示动画效果。

💡对齐

对齐在Swift UI中指的是视图元素在父视图中的位置调整。视频里通过改变对齐属性，实现了视图元素在屏幕上的水平和垂直移动，这是创建动画效果的基础之一。

💡帧

在Swift UI中，帧指的是视图的尺寸和位置。视频里通过设置帧的宽度和高度，定义了矩形视图的大小，并使用帧的变化来创建动画效果。

💡条件语句

条件语句是编程中的一种结构，用于根据不同的条件执行不同的代码块。在视频中，使用三元运算符（一个简化的条件语句）来根据变量`animateOne`的值决定视图的对齐方式。

💡多重动画

多重动画指的是在同一个视图中同时运行多个动画效果。视频展示了如何通过Swift UI的动画系统控制同一个视图中的多个动画，这在构建复杂的用户界面时非常有用。

Highlights

视频介绍了如何在Swift UI中使用新的动画修饰符，解释了为什么Apple更改了API，提供了对动画更多的控制。

动画修饰符的更改不仅仅是代码的变更，还增加了开发者对动画的控制能力。

介绍了如何使用新的动画修饰符以及为什么它比旧版本更优秀。

展示了如何在iOS 15中使用新的动画修饰符替代已弃用的版本。

通过一个简单的例子说明了新动画修饰符的使用，如何控制一个矩形在屏幕上的移动。

演示了如何通过动画修饰符实现视图的跳跃和平滑过渡效果。

解释了如何在同一个视图中应用多个动画或效果，并如何控制它们。

展示了如何通过动画修饰符的值来控制特定动画的触发条件。

强调了新动画修饰符允许开发者更精确地指定哪些视图应该被动画化，以及动画的时机和方式。

通过实际代码示例展示了如何叠加动画修饰符来实现复杂的动画效果。

说明了新动画修饰符对于构建复杂Swift UI应用的影响和重要性。

推荐开发者在所有应用中100%使用新的动画修饰符，因为它提供了更好的控制和更少的bug。

指出了原始弃用信息中提到的width动画修饰符存在的问题，并推荐使用带有值的动画修饰符。

视频最后强调了新动画修饰符的简单性和它在实际应用中的重大影响。

Nick提到了很多人在他的先前视频下评论有关动画修饰符弃用的问题，说明了新动画修饰符的必要性。

视频以感谢观众和预告下一视频结束，保持了Nick一贯的风格。