在 watchOS 故事板中叠加图像并自定义 x、y 位置

Question

我想复制这个设计模型并在生产中使用它。

iOS 具有 Z 轴排列的 Z 层次结构，但在 watchOS 中显示为灰色。我想创建一个个人资料头像的叠加层，例如这个 Instagram 原型，其中只有一半的头像覆盖在主图像上。

当然，我希望服务器上的所有个人资料图片都放在流中照片上方的小圆形 imagview 中。

Answer 1

想通了。这需要一些修补。 Attribute Inspector 中的 group layout overlap 选项如所宣传的那样工作。我的案例是独一无二的，因为我不仅想要一个叠加层，而且我还想要像 Instagram 原型中那样只有一半的头像重叠。

1. 将组布局重叠属性设置为 根组，因为必须这样做或这样才能工作。

2. 接下来将重叠属性应用于 头像组，因为它是我们要重叠在猫组之上的组。

3. 在猫组上使用底部插图将头像向下推。相应调整。当然，如果您想要 50% 的悬垂，底部插入值应该是头像高度的一半。

4. 猫组不需要重叠属性。

5. 圆形头像不是圆形 Photoshop 元素。我只是把头像组的半径调成圆形

注意：使用重叠时，您会收到 Xcode 的警告。

Interface.storyboard: notice: Discouraged Configuration: Overlap layout falls back to vertical when used before watchOS 4.0