ios - 您如何在移动应用程序中制作这些动画介绍教程/演练/屏幕？

Question

当您第一次访问移动应用程序或有更新时，将会有几个屏幕突出显示应用程序中的功能(新功能/教程模式)。我已经看到其中一些图像在屏幕上动画。我最近看到的一个很好的例子是 MS Office 的 iPad 应用程序套件。他们使用的图像看起来像是在绘制。需要明确的是，我指的不是首次启动应用程序时的动画加载屏幕。这通常是当您选择“开始”或“了解更多”类型的按钮时显示的模式。

我尝试浏览了几个论坛并进行了一般搜索，但没有找到任何最佳实践(甚至没有关于如何操作的信息)。这些动画是视频、动画图像(gif？)、一系列以某种方式显示图像的移动 Pane 吗？我认为执行此操作的最佳方法也是了解文件大小，以免显着增加应用程序的大小。

此外，这些介绍屏幕是否有通用术语/名称？我见过一些网站使用“演练”，但偶尔也会提到产品视频教程。

如有任何建议或信息，我们将不胜感激!谢谢!

Answer 1

您可以制作视频或全屏图像。您还可以执行一些操作，例如为演练的每个步骤创建一个 UIView，然后将其放入 ScrollView 中，让用户像在照片应用程序中一样浏览它们。您也可以做类似 PageViewController 的事情。或者你可以非常喜欢并拥有带有动画代码等的 View Controller 。

至于如何决定何时显示演练，NSUserdefaults 是一个很棒的工具。

if (![[NSUserDefaults standardUserDefaults] boolForKey:@"HasShowWalkthroughForVersion1"]) {
    //save that we've show the walkthrough in user defaults
    [[NSUserDefaults standardUserDefaults] setBool:YES forKey:@"HasShownWalkthroughForVersion1"];
    [[NSUserDefaults standardUserDefaults] synchronize];
    //show walkthrough
    ....
}