模型的故事板

Storyboard of a mockup

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

This is the mockup the designer has passed.

我正在制作这个模型的故事板,我现在已经达到了这个水平。

由于数量有限space,目前有几个视图和功能无法包含在此故事板中。我知道设计师已经把渲染视图传给我了,滚动应用程序就可以看到。

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

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

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

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

如有任何帮助,请随时提出。

对于此类问题,最好的解决方案是使用具有多个原型单元的 tableView。好吧,通过上述概念,我可以轻松地滚动 storyboard 并根据模型维护我的设计。