Swift 覆盖图像并自定义watchOS情节提要中的x、y位置

Swift 覆盖图像并自定义watchOS情节提要中的x、y位置,swift,watchos-2,xcode-storyboard,Swift,Watchos 2,Xcode Storyboard,我想复制这个设计模型,并在生产中使用它 iOS在Z轴上有Z层次结构,但在watchOS中是灰色的。我想创建一个类似Instagram原型的个人资料头像覆盖,其中只有一半头像覆盖在主图像上 当然,我希望服务器上的所有配置文件图像都放置在流中照片顶部的小圆形imagview中 把它弄明白了。这需要一些修补。属性检查器中的选项的工作方式与公布的相同。我的案例是独一无二的,因为我不仅想要一个覆盖,而且我还想要像Instagram原型一样只有一半的头像重叠 将group layout overlap属性设

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

iOS在Z轴上有Z层次结构,但在watchOS中是灰色的。我想创建一个类似Instagram原型的个人资料头像覆盖,其中只有一半头像覆盖在主图像上

当然,我希望服务器上的所有配置文件图像都放置在流中照片顶部的小圆形imagview中


把它弄明白了。这需要一些修补。属性检查器中的选项的工作方式与公布的相同。我的案例是独一无二的,因为我不仅想要一个覆盖,而且我还想要像Instagram原型一样只有一半的头像重叠

  • 将group layout overlap属性设置为根组,因为必须这样做,否则将无法工作

  • 接下来将重叠属性应用于化身组,因为它是我们想要在cat组之上重叠的组

  • 使用猫组上的底部插图向下推化身。相应地调整。当然,如果你想要50%的悬垂,那么底部的插入值应该是化身高度的一半

  • cat组不需要重叠属性

  • 圆形化身不是圆形Photoshop元素。我只是简单地调整了化身组的半径,使其成为圆形

  • 注意:当使用重叠时,您将从Xcode得到警告

    Interface.storyboard:注意:不推荐配置:在watchOS 4.0之前使用时,重叠布局会退回到垂直布局