storyboard - Apple Watch 图像资源分辨率

Question

TL;DR 如何为 Apple Watch 准备图像？

Apple Watch 有 2 种分辨率:

1. 38毫米:272x340

2. 42毫米:312x390

如果我有一个 136x108 的 WKInterfaceButton/WKInterfaceImage 图像(上图)，我如何确保它在两个 watch 上看起来都不错？

我已将 Storyboard设置为“任意屏幕尺寸”，将高度设置为“适合内容的大小”，将宽度设置为“相对于容器

问题: 1)图像的分辨率是否太低(136x108)？我应该如何测量高度和宽度？例如 watch 的高度 - 按钮的高度(如何获得这个高度)= ?

2) 我应该为尺寸宽度和高度属性设置什么？

a) 尺寸是否适合，相对于容器，还是固定的？

3) 对于 Images.xcassets，每个@1x、@2x 和@3x 所需的分辨率是多少

Answer 1

您不必找到适用于两种尺寸的解决方案。尺寸类别功能使您能够分别为每种尺寸提供单独的布局和图像资源。

回答您的问题:

1. 太小了。准备与每种尺寸的 watch 的显示尺寸完全匹配的图像。

2. 您可以使用相对于容器的宽度，但使用固定的高度 - 为每个尺寸设置精确的高度。

3. 不要使用通用图像资源类型。专门使用 Apple Watch。然后您将能够为每种尺寸提供单独的图像。并且只需要@2x 图像。