如何使用 Xcode 4 创建简单的 iOS 应用程序原型？

How can you create simple iOS application prototypes using Xcode 4?

提问by Charlie

With only a basic knowledge of Objective-C and Xcode 4, is it possible to create prototypes of iPhone apps in Xcode?

仅了解 Objective-C 和 Xcode 4 的基本知识，是否可以在 Xcode 中创建 iPhone 应用程序的原型？

For example, can you create a wireframe of an application, where simple touches on the screen trigger actions like navigating down a level in a table view?

例如，您能否创建一个应用程序的线框，其中在屏幕上的简单触摸会触发诸如在表格视图中向下导航等操作？

Are there any tutorials or guides out there that might explain how to do quick prototyping of iOS applications in Xcode?

是否有任何教程或指南可以解释如何在 Xcode 中对 iOS 应用程序进行快速原型设计？

采纳答案by Pratheep ch

With a NavigationController, I followed the tutorial we found here: http://fuelyourcoding.com/iphone-view-switching-tutorial/

使用 NavigationController，我按照我们在此处找到的教程进行操作：http: //fuelyourcoding.com/iphone-view-switching-tutorial/

回答by Moshe

On the iPad, there's an app called App Cooker.

在 iPad 上，有一个名为App Cooker的应用程序。

It's relatively expensive, and somewhat incomplete, but some time in the next few weeks the app will be finished and it may go up in price. I've downloaded it and I'm impressed by its potential.The missing parts at the moment are some of the UIKit controls in the mockup tool. (Which, again, according to the developers, should be corrected in the near future.) Aside from that, the app is really powerful. It can do among other things, mockups which you are asking about.

它相对昂贵，而且有些不完整，但在接下来的几周内，该应用程序将完成并且价格可能会上涨。我已经下载了它，它的潜力给我留下了深刻的印象。目前缺少的部分是模型工具中的一些 UIKit 控件。（同样，根据开发人员的说法，应该在不久的将来得到纠正。）除此之外，该应用程序非常强大。它可以做其他事情，你正在询问的模型。

回答by Brad Larson

The Briefs frameworkprovides a fast means of making interactive wireframes for iOS applications. Without writing much code, you can quickly pull together a prototype of your application from images made up to look like your various UI elements.

该简报框架提供了制造互动线框的iOS应用程序的快速手段。无需编写大量代码，您就可以快速地将应用程序原型从组成的图像中提取出来，使其看起来像您的各种 UI 元素。

Also, if the video is still available somewhere, I'd watch Apple's WWDC 2009 session "Prototyping iPhone User Interfaces." It had some great tips and examples for how you can quickly assemble and test an iPhone interface without writing a lot of code.

另外，如果视频在某处仍然可用，我会观看 Apple 的 WWDC 2009 会议“原型 iPhone 用户界面”。它有一些很棒的技巧和示例，用于说明如何在不编写大量代码的情况下快速组装和测试 iPhone 界面。

回答by Robot Woods

Well, there's the simulator which enables you to see the app without requiring you to have a device (or be a registered developer). Is that what you mean?

嗯，有一个模拟器，它使您无需拥有设备（或注册开发人员）即可查看应用程序。你是这个意思吗？

回答by Bill Burgess

Without actually coding up your views and buttons, there isn't really a way to wireframe your app in XCode. XCode 4 has a new storyboard option that will help you visualize how the views are loaded, but it won't really help you much in the way of running it in the simulator.

如果不实际编写您的视图和按钮，就没有真正的方法可以在 XCode 中对您的应用程序进行线框化。XCode 4 有一个新的故事板选项，可以帮助您可视化视图的加载方式，但它不会真正帮助您在模拟器中运行它的方式。

回答by slatvick

Excuse me for self ads, but we've just released free lib for Axure to prototype iOS apps. Check it out: http://www.alterplay.com/ios-dev-tips/2012/04/prototyping-ios-applications.html

请原谅我的自我广告，但我们刚刚发布了免费的 Axure 库来构建 iOS 应用程序原型。检查一下：http: //www.alterplay.com/ios-dev-tips/2012/04/prototyping-ios-applications.html

回答by travoux

Why dont you use Phototapper? If your requirement is just tappable app and you are using xCode to build screens alone. Better to go for prototyping apps. sketch your screens on a paper, capture and link them. This app can also be used to simulate on the web and receive feedback when someone views or comments. They also have option to use highlights on the browser.

你为什么不使用Phototapper？如果您的要求只是可点击的应用程序，并且您正在使用 xCode 单独构建屏幕。最好去原型应用程序。在纸上勾画您的屏幕，捕捉并链接它们。此应用程序还可用于在网络上模拟并在有人查看或评论时接收反馈。他们还可以选择在浏览器上使用高亮显示。

回答by Hanaan Rosenthal

I use Keynotes on Mac. Create a template the size of your device, add contents and buttons, and off you go!

我在 Mac 上使用 Keynotes。创建一个与您的设备大小相同的模板，添加内容和按钮，然后就可以了！