挑战:SwiftUI 动画盛会!

让您的想象力蓄势待发,创造一些高品质的可视化效果:我们邀请您构想一段动画,并用 SwiftUI 和 Swift Playgrounds 将其付诸现实。您的动画可以包括文本、形状、颜色、声音、爆炸效果、跳舞的猫等等,任何能给您带来快乐的元素。

您可以使用 CoreMotion 创建一个可视化效果,在您倾斜设备时融化 iPad 屏幕上的色彩,或者编写一段动画来响应来自麦克风的环境声音。您的动画可以由人工智能生成;也可以通过自定义手势手动创建。

访问开发者工具挑战学堂,与他人合作,共同迎接这一挑战吧!提问,和其他开发者建立联系,并分享您的作品。

开始挑战

为了帮助您起步,请查看 Swift Playgrounds 中的“Animating Shapes”项目,它会教您在 SwiftUI 中创建动画的基础知识,并让您浏览一系列使用该框架创建的动画示例。将此项目作为您创建自己的动画的起点,或者也可以创建一个全新项目并从头开始。

Download Swift Playgrounds for macOS

Download Swift Playgrounds for iOS

Learn more about Swift Playgrounds

需要一点灵感?查看“Animating Shapes”,导航到 RollinRainbow.swift 并查看应用于每一列网格的波浪效果。除此以外,请访问 DancingDots.swift,了解如何使用可观察对象来对比例、颜色和偏移的动态变化范围进行动画处理。

要查找更多资源,请查看 WWDC21 中的“Add rich graphics to your SwiftUI app”或网络教程“Animating Views and Transitions.”。您还可以探索使用 SwiftUI 画布绘制丰富的动态图形。祝您好运!

向你的 SwiftUI app 添加丰富图形

了解如何通过 SwiftUI 让你的图形栩栩如生。我们将首先处理安全区域 (包括键盘安全区域),了解如何设计美观且不会与屏幕键盘重叠的无边缘缝隙图形。我们还会探索您可以在 SwiftUI...

Watch now

Animating views and transitions

Canvas

使用话题标签 #WWDC22Challenges 在 Twitter 上分享您的 SwiftUI 动画,或在开发者工具挑战学堂展示您的作品。如果您想讨论 SwiftUI 和 Swift Playgrounds 的动画或其他方面,请加入团队,参加 WWDC22 本周剩余的活动。

Explore #WWDC22Challenges on social media

Read the WWDC22 Challenges Terms and Conditions