swift - 在 watchOS 故事板中叠加图像并自定义 x、y 位置
问题描述
我想复制这个设计模型并在生产中使用它。
iOS 具有用于在 Z 轴上排列的 Z 层次结构,但在 watchOS 中它是灰色的。我想创建一个像这个 Instagram 原型这样的个人资料头像的叠加层,其中只有一半的头像在主图像上。
自然,我希望将来自服务器的所有个人资料图像放置在流中照片顶部的小圆形 imagview 中。
解决方案
弄清楚了。这需要一些修修补补。属性检查器中的组布局重叠选项按宣传的方式工作。我的案例是独一无二的,因为我不仅想要一个叠加层,而且我还想要像 Instagram 原型中那样只重叠一半的头像。
将组布局重叠属性设置为根组,因为必须这样做或这样做才能工作。
接下来将重叠属性应用于头像组,因为它是我们想要在猫组之上重叠的组。
使用cat 组的底部插图将头像向下推。相应调整。自然,如果您想要 50% 的悬垂,底部插入值应该是头像高度的一半。
cat 组不需要重叠属性。
圆形头像不是圆形 Photoshop 元素。我只是简单地调整了头像组的半径以使其成为圆形。
注意:使用 Overlap 时,您会收到来自 Xcode 的警告。
Interface.storyboard:注意:不鼓励配置:在 watchOS 4.0 之前使用时,重叠布局回退到垂直
推荐阅读
- xcode - 如何在 CarPlay 上显示歌曲
- timer - 可以同时执行两个 Linux 内核计时器处理程序吗?
- python - 过滤在 Pandas 中读取的 CSV 数据
- python - Scrapy:谁能告诉我为什么这段代码不能让我抓取后续页面?
- python - 将复杂 JSON 转换为 excel 或 CSV
- java - Android 8 之后有多少静态广播接收器无法工作?
- firebase - 颤动时无法从firestore获取文件
- c - Why cant I cast a void* back to an int* and dereference it?
- python - 在 Python 中使用带有 While 循环的生成器
- python - 使用带有 tensorflow lite 编译模型的 Grad-cam