问题标签 [adaptive-layout]

I'm using auto layout for my project. I use the size class "compact width" and "regular height" for all portrait iPhones. I basically designed it using iPhone 6 metrics selected in the size inspector. My questions are:

1. I need to fix the labels and images so that they adapt to iPhone screens lower than iPhone 6, since it is bigger looking in iPhone 4s (I looked using the Preview option in storyboard).
2. I need the navigation bar to be fixed with Auto Layout, because the navigation bar items don't fit, causing a lot of gaps on smaller screens. (Can we customize it and set constraints through code?)

So far the layout is good on iPhone 6 but not on iPhone 4s. Please help me determine whether I need to consider any startup or if there any constraint specific issues.

我正在开发一个 iOS 应用程序，我观察到 iPhone 5、6、6+ 中的 UI 所有字体因设备而异，但我的要求是 iPhone4s、5 的按钮大小和字体大小必须相同，而 iPhone 6 和6+。我怎样才能在我的应用程序中实现这一点。我知道我们可以通过编程来完成，但是有没有机会在情节提要上使用自适应布局。

我正在使用 xcode7.2，swift2。

提前致谢..

我是 iOS 开发的新手，我在 Xcode 7 中的自动布局功能上遇到了一些问题。

正如所附图片，我的圆形进度视图不能很好地适应 3.5 英寸 iPhone，而且它在其他尺寸类别中看起来确实很好。

Xcode 中的 UIView 是否有最小尺寸限制？

圆形视图中还有两个文本标签，无论我如何约束它们，它们的大小都不会在 iPhone 大小类别中发生变化。

您可能会注意到我有一个 SOS 按钮，它是一个嵌入了我设计的图像的按钮。我添加了一些类似于圆形进度视图的约束，但它根本不起作用。

是否有任何好的指南/教程专门教授如何在所有 iPhone 尺寸类别中管理 iOS 元素尺寸？

有一些关于此的帖子，但似乎没有一个完整的解决方案。

通过 IB 使用自适应布局我可以轻松更改特定大小类的字体大小，但是我有一个使用 UILabels 的自定义视图，我想根据使用的大小类（使用 swift）以编程方式设置字体大小 - 其他人有这个吗问题或遇到解决方案？

I have a label that is supposed to wrap around. There are 4 constraints on it (top/bottom and leading/trailing - no other constraints). The label wraps around correctly on iPhone 6 i.e. 4.7" screen and iPhone 6 Plus i.e. 5.5" screen, But gets cut off on the right edge on 4" inch or smaller screen devices. Please see the screenshot below.

It's as if it thinks available width is more than actual device width. any ideas? (sorry can't post image inline because it requires at least 10 rep)

FWIW: Here are the constraints on the label (I am writing these in pseudo code because these are set in IB).

我正在尝试使用 XCode 7 的自适应布局进行编程，但现在在设计用户界面时遇到了一个主要问题。我的问题是情节提要的设计并没有反映设备和模拟器上实际应用程序上发生的事情。

下面是我设置界面的方法：

[

事实上，左视图崩溃得如此之多，以至于我无法在该区域内设计任何子视图。这里我指定MapView的宽度为700点，应该比iPadPro的实际宽度小很多。我不知道为什么 mapview 会占用如此多的界面空间。

这是 MapView 左侧的 UIView 的约束。

我没有指定左侧 UIView 的宽度，因为我猜它最终会占用除了 MapView 之外的任何东西。它实际上是根据我在模拟器和设备中的假设行事。

另一个奇怪的事情是，如果我将 MapView 的宽度更改超过 700 点，XCode 总是抱怨宽度冲突。我一直认为 iPad 的宽度应该在 700 点以上。在这里，我不知道为什么界面生成器会抱怨。情节提要的大小等级是 wRegular 和 hRegular。

有没有办法让设计更易于管理？左侧 UIView 内部还有更多子视图，但此时我根本无法向左侧的 UIView 添加任何子视图。

这是我的约束

我在我的应用程序中使用了自动布局，所有 UI 元素在纵向模式下都是可见的：

但是在横向模式下视图是不完整的。

如何使我的应用在纵向和横向视图中看起来都一样？

我在 Xcode7.2 中使用 Swift 2。

（我已阅读有关此主题的其他答案，但它们指的是较旧的技术和实践。）

我还阅读了：https ://developer.apple.com/library/ios/featuredarticles/ViewControllerPGforiPhoneOS/TheAdaptiveModel.html

我有一个 iOS 应用程序，包含 3 个页面（每个选项卡 1 个）。故事板架构如下：

当在小型设备（例如 iPhone 纵向）和大型设备（例如 iPad 全屏）上使用时，该应用程序具有主要的 UI 设计差异。基本架构保持不变，但每个 View Controller 需要显示一组非常不同的 UI 元素。

我可以通过根据尺寸类安装和卸载元素以及自动布局约束来响应界面生成器中的尺寸变化，但这将非常笨拙和脆弱。

在过去（~2014 年），Apple 的建议是：

如果您想根据设备是纵向还是横向显示相同的数据，方法是使用两个单独的视图控制器。一个视图控制器应该管理数据在主要方向（通常是纵向）上的显示，而另一个视图控制器管理数据在备用方向上的显示。

尽管出现了 Size Classes，但我觉得这仍然是我特定设计的最佳解决方案（记住要考虑 size classes 和 split-view、slide-in。）

问题 1：我应该在我的应用程序的什么时候检测特征变化？

问题 2：（假设我已经从情节提要加载了备用视图控制器）以响应特征更改，我应该如何最好地转换/呈现备用视图控制器？

当水平尺寸类发生变化时，我在调整单元格的布局时遇到问题。

我的单元格有一个 stackView，我希望轴是水平的紧凑尺寸类和垂直的常规。

这是我尝试过的：

但结果是并非所有单元格都会更新其布局，请参见下面的 gif。

编辑： 我已经确认通过cellForItem在单元类本身中打印来正确更改轴。所以问题似乎是单元格没有重绘..

有什么建议我应该如何解决这个问题？

Github 回购

我正在使用 Swift 在 xcode 中制作一个简单的 iOS 应用程序，虽然我已经弄清楚了整个后端（并且它工作得很好），但我根本不了解约束。我正在尝试使我的布局自适应，以便它适用于所有 iphone 屏幕，但我遇到了非常困难的时期。关于如何创建完美布局的任何建议？资源也会有所帮助。大多数资源都没有解释这个概念或从头开始。

我遇到的另一个问题是，每次我单击某些内容（例如表格单元格）并取消选中“约束到边距”并设置约束时，更改都不会保存，并且一旦我按下回车键，它们就会恢复到原始设置。

真的迷失在这整个限制的事情上。谢谢！