我导出的草图图像无法在 Xcode 中的不同屏幕尺寸上工作

My exported sketch images won't work on different screen sizes in Xcode

我为正在创建的 iOS 应用程序设计了一个草图界面,然后将画板导出为 pdf 并将其放置在 Assets.xcassets 中的 Xcode 中。我现在正试图让该图像显示在所有屏幕尺寸的整个屏幕上。当我在 sketch 中创建图像时,我使用了 iPhone 6 屏幕尺寸(375 x 667)。 Xcode 现在,图像在 iPhone 6 屏幕上占据了整个屏幕,但在任何其他设备上都没有占据整个屏幕。对于 iPhone 5 屏幕来说太大了,所以只显示了部分图像,对于 iPhone 6+ 屏幕来说太小了,所以屏幕上有白色 space .我如何 Xcode 缩放此图像以适应所有不同的屏幕尺寸?谢谢

1) 首先确保您确实将资产保存为矢量:

它会在右下方和右侧显示通用,您会注意到它显示比例因子:单一矢量

现在,如果您仍然遇到问题,那可能只是意味着您还没有为图像添加约束。所以它只是使用默认大小(您导出的大小)。

如果您使用的是故事板或 XIB,请确保图像占据 space 所需的空间,单击它,然后按故事板右下角的小三角形,然后在“选定视图”下按在 'Reset to Suggested Constraints'

应该确保图像根据不同的视图调整大小。但是因为您可能会得到不同的尺寸,所以您可能想要设置 UIIImageView 的模式。再次在情节提要上,您可以单击 imageView,然后:

如果您希望图像保持其纵横比(不向任何方向拉伸)但希望它填充整个 space,请将模式设置为纵横比填充