ios - Watchkit 中元素大小相对于屏幕大小

Question

我目前正在制作一个 WatchKit 应用程序，它根据某些条件需要两种不同的布局。因为这两种布局非常相似(只是元素比另一种多)，所以我决定对两者使用相同的界面 Controller (因为无法通过编程方式确定在启动时加载哪个 Controller )。

但是，当涉及到不同的屏幕尺寸时，问题就出现了:

1. 在我的第一个布局中，我希望这三个元素以两种尺寸填满屏幕。为实现这一点，我为它们的尺寸使用了百分比值，总加起来为 100%(这样，38 毫米上不需要滚动，42 毫米上也没有空白空间)。

2. 在第二个布局中，屏幕上还有几个元素。所以当我对相同的元素使用相同的百分比值时，它们会增长，因为界面 Controller 的总大小更大。
   

你们建议我做什么来解决这个问题？

编辑 1:图片旨在代表我想要的样子。现在，在这两种情况下，元素(如 map 和按钮)都是界面 Controller 大小的 30% 和 40%，这使得它们在第二个布局中变得很大。我希望它们在两种情况下都保持相同的固定大小。然而，使用固定数字会使它们要么对于 38mm 太大，要么对于 42mm 太小。

编辑 2:似乎有点困惑:在 Apple Watch 上布局元素时，有三种选择:

1. 大小适合内容 该元素包含其中的所有元素。
2. 相对于容器你给它一个容器的百分比值。
3. 固定你给它一个点值。

相对而言，当我使用第二个选项时，我在第一个布局中的 38 毫米和 42 毫米 watch 上都获得了完美的输出。但是，当在第二个布局中向屏幕添加更多元素时，容器的大小会增加，元素的大小也会增加。当我使用第三个选项时，固定的，我可以在任何一种尺寸上获得完美的输出。这些元素对于 38mm 来说太大了，即使在第一个布局中也需要滚动。或者这些元素对于 42 毫米来说是两个小的，并且有大量的开放空间。

我需要一个解决方案，让第一个布局中的元素充满屏幕(例如选项 2)，但不会增加布局二中元素的大小(例如选项 3)。无法在 WatchKit 中以编程方式更改此设置，因此我需要想出第三种可行的解决方案。

有什么建议吗？

Answer 1

用两种屏幕尺寸的绝对尺寸值设计 Controller 不是更容易吗？

与 iOS 的尺寸类一样，InterfaceBuilder 允许通过单击 + 图标在 watch 尺寸之间切换:

您可以在其中选择 watch 尺寸:

要查看不同布局的外观，您可以更改 InterfaceBuilder 窗口底部的预览: