样机的故事板答案

【问题标题】：Storyboard of a mockup样机的故事板
【发布时间】：2017-05-05 07:25:25
【问题描述】：

我正在开发一个基于电子商务的应用程序，设计师已将模型传递给我。！

This is the mockup the designer has passed.

我正在制作这个模型的故事板，到目前为止我已经达到了这个水平。

由于空间有限，现在无法将几个视图和功能包含在此故事板中。我知道设计师已将渲染视图传递给我，可以在滚动应用时看到。

我想知道将所有这些视图包含在单个故事板中或在单个视图中呈现它们的最佳方法是什么。我已经研究过使用 xib 文件并从我的 viewcontroller 类中调用它们，这可能是一个可能的解决方案。但是，我想知道，最好的解决方案是什么？

【问题讨论】：

选择您的ViewController --> Size Insector --> Simulated Size = Freeform 并根据您的要求更改width 和height。
您应该使用 TableView。创建自定义单元格，一切都会好起来的。这是一个例子stackoverflow.com/questions/40275727/…
谢谢巴文·拉马尼！它可能会有所帮助:)
你可以添加一张你给的模型的图片吗？这将使提供特定提示变得更加容易（例如 table/collection/scrollview 等）
看看你的问题和你提出问题的方式，我认为你已经咬得比你能咀嚼的多一点，最好退后一步，弄清楚一些基础知识首先。

标签： ios iphone storyboard mockups

【解决方案1】：

最好的解决方案是使用 Storyboard，这样您就可以将所有屏幕都放在一个地方。但请记住一件事，在 XCODE 8 故事板中开始做整个项目（因为 XCODE 7 和 8 故事板彼此不完全兼容）。这样您也可以与以前的 iOS 版本兼容 (

现在就设计而言，我建议您使用自动布局和比例布局。

您的视图控制器将始终具有 self.view。从那个观点开始。首先添加导航控制器（将根视图控制器作为您在应用启动时首选的视图控制器）或简单地添加一个工具栏。然后将一个 UIScrollView 添加到整个剩余空间。然后从 UIScrollView 中的设计开始。不要忘记提供 UIScrollView 的 contentSize。

如有任何帮助，请随时询问。

【讨论】：

还有一个问题，现在 UIScrollView 在这个特定的视图中不起作用，我该如何处理它，以便根据模型显示滚动视图？

【解决方案2】：

最好的解决方案是使用带有多个原型单元的tableView 来解决此类问题。好吧，通过上述概念，我可以轻松滚动 storyboard 并按照模型维护我的设计。

【讨论】：