针对不同设备的不同设计 ios

Posted

技术标签:

【中文标题】针对不同设备的不同设计 ios【英文标题】:Different designs for different devices ios 【发布时间】:2016-02-05 11:40:31 【问题描述】:

我一直在为 iPhone 和 iPad 创建一个应用程序。我正在使用自动布局(wAny 和 hAny)。现在我想要一个单独的 iPhone 4s 设计。我怎样才能为这个设备使用单独的设计。我已经用这个 wAny 和 hAny 完成了大部分设计。我该如何改变这一点。

编辑:

我只想更改几个视图控制器而不是所有设计。

【问题讨论】:

制作一个单独的故事板并根据当前设备分辨率在运行时加载它。 那么我需要将所有的 Viewcontroller 移动到那个故事板吗? 你说现在我想要一个单独的 iPhone 4 设计。所以会有不同的设计 只使用紧凑宽度和紧凑高度下尺寸类的自适应布局特性 你想为3.5 inch指定单独的设计或者你需要调整高度? 【参考方案1】:

我建议不要使用不同的故事板。您可以在该视图控制器的(设计不同)视图中添加 2 个视图,并根据设备以编程方式切换它。关于自动布局,设置 wAny 和 hAny 并相应添加约束。

VC.view -iPhone 4 查看 - 其他设备的视图 这只能在情节提要中完成。

因此,在加载 vc 时以编程方式检查设备并显示隐藏其他视图的特定视图。在这种情况下,即使设计被规范化,您也可以轻松地使用相同的视图,只需更改一行代码。

如果设计完全不同,这是必要的。或者如果只是几个不同的子视图,我认为你应该编写一些代码来隐藏和取消隐藏设备的子视图。

我是ios新手,如有错误请指正。

【讨论】:

【参考方案2】:

如果您有设计更改并为3.5 inch 屏幕有条件地加载它,最好将其设计为单独的控件。如果是简单的更改(通过代码轻松管理),则使用代码本身。

【讨论】:

以上是关于针对不同设备的不同设计 ios的主要内容,如果未能解决你的问题,请参考以下文章

@media screen针对不同移动设备-响应式设计

iOS通用屏幕设计

响应式设计第一章

Safari 中针对不同 iOS 设备的不同主体(Cordova/phonegap)

初窥响应式布局

js快速判断设备终端是ios还是android