iPhone 应用程序教程/帮助屏幕 UI
创建可在 iPhone 应用程序启动时查看的教程或帮助屏幕的最佳方法是什么？
我正在争论使用两种范例：
- 使用图像编辑程序编辑应用程序的屏幕截图以添加静态帮助文本。交互是点击或滚动提示。这涉及创建一个自定义 UIViewController 以前进到下一个帮助屏幕。
- 在应用程序用户界面顶部创建一个自定义 iPhone UIControl，可以点击该控件以前进到下一个教程提示。应用程序将在模式之间转换并且将是活动的，而不是静态的。它涉及将挂钩添加到应用程序的自定义 ViewController 中以处理“TutorialUIControl”对象。
这是我需要为其制作帮助屏幕 UI 的应用程序的一些屏幕截图，它是一个创建艺术品的应用程序。 更多应用信息
屏幕截图 1：允许查看者滚动浏览图像列表的查看模式，如 UIImagePicker ，但适用于自定义图像集合。
屏幕截图 2：动作模式 - 允许观看者从活跃的艺术生成专辑“My Evolution”中选择要保存到“My Saved”专辑的图像或进化图像使用有性/无性图像复制。
What is the best way to create tutorial or help screens that can be viewed in an iPhone App on launch?
I'm debating between using two paradigms:
- Edit a screenshot of the app with an image editing program to add static help text. Interaction is tapping or scrolling through the tips. This involves creating a custom UIViewController to advance to the next help screen.
- Create a custom iPhone UIControl on top of the App user interface that can be tapped to advance to the next tutorial tip. The application will transition between the modes and will be active, rather than static. It involves adding hooks into the App's custom ViewController's to handle "TutorialUIControl" objects.
Here's some screenshots of the application that I need to make help screen UI for, it's an application that creates artwork. More App Information
Screenshot 1: View mode that allows viewers to scroll through an image list, like the UIImagePicker, but for custom image collections.
Screenshot 2: Action mode - allows viewers to select images to save to the "My Saved" album from the active art generation album "My Evolution" or evolve images using sexual/asexual image reproduction.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
“正确”的答案实际上取决于您正在设计的应用程序。我强烈建议您获取尽可能多的应用程序，并看看它们如何提供帮助。看看什么有效，什么无效，并思考它与您自己的设计有何关系。
在我的应用程序（游戏）中，我选择构建一组静态图像，可以滚动这些图像以提供详细的帮助（基于 Apple 的示例代码）。但是，我还构建了一个交互式教程，可以在您第一次运行游戏时播放。我还会在应用程序第一次运行时弹出欢迎界面，并建议按什么按钮来开始游戏。
如果您与很多不同的人一起测试您的教程，这也会有所帮助。在进行了几次过于复杂的设计之后，我将指令简化为极其简单的内容：“按绿色按钮”，然后从那里开始构建。
您可以轻松存储一个首选项来说明该应用程序之前是否已启动，如果该条目为空，您可以再次运行教程。
The "right" answer really depends on the application you are designing. I would highly suggest getting as many apps as you can and looking at how they do help. See what works and what doesn't and think about how that is related to your own design.
In my app (a game) I chose to build a set of static images that could be scrolled through to provide detailed help (based on Apple's sample code). But, I also built an interactive tutorial that plays the first time you run the game. I also pop up a welcome overlay the first time the app is run and suggest what button to press to start a game.
It also helps if you test your tutorial with a lot of different people. After several designs with things too complex, I boiled down my instructions to something extremely simple: "Press the green buttons", and then built up from there.
You can easily store a preference to say whether the app has been launched before, and if that entry is blank you run the tutorial again.
您可以创建一个通过
UIWebView查看的 HTML 教程。在我的 iPad 应用程序中，我刚刚制作了一张大图像，以模态方式呈现，其中包含解释如何使用该应用程序的图像和文本。对于 iPhone，为您的应用程序添加“操作方法”教程的最佳方式必须是 Web 文档，了解如何添加图像和格式化文本。
或者，您可以向控制器添加更多具有透明背景和动画按钮和文本的视图，以获得更具交互性的感觉。
You can create an HTML tutorial that you view through a
UIWebView. In on of my iPad apps, I just made a large image that I presented modally with images and text explaining how to use the app.For iPhone, the best way to include a "How-To" tutorial for your app would have to be a web document, seeing as how you can add images and formatted text.
Alternatively, You can add more views to your controllers with transparent backgrounds and animated buttons and text, for a more interactive feel.
几个月后回答我自己的问题。
这是我的 WEPopover github 项目的分支： https://github.com/PaulSolt/WEPopover
To answer my own questions many months later.
Here's my fork of the WEPopover github project: https://github.com/PaulSolt/WEPopover