全宽图像策略

Full width image strategy

我想在用户使用我的应用程序时向用户展示我的应用程序的屏幕截图,然后在其上创建一个黑色叠加层,然后在屏幕上创建教练标记,类似于这样,当用户第一个注册:

所以我创建了图像,我想确保无论谁使用它,它总是很好地适合他们 iphone4/iphone5/ipad mini/ipad 等。执行此操作的最佳方法是什么这些日子?只需拍摄一张巨型图像(将其设置为 1297 x 2208),将其添加到我的所有 3 种尺寸的资产目录中,然后让自动布局正常地为我调整大小? IE。在页面上放置一个图像视图,将其设置为始终占据整个屏幕宽度,然后将其图像设置为我的巨型图像?它总是会缩小并看起来不错吗?

另一个突然出现在我脑海中的想法是创建许多不同的图像,然后使用所有大小 类 来制作图像(对于整页图像来说似乎需要很多繁琐的工作所以想这是错误的做法。

创建始终适合的巨型图像的正确策略是什么?是要调高并调整大小,还是要创建大量不同尺寸的图像,然后以某种方式检测要使用的图像?

提前致谢!

我不会截图你的图片,只是让真实的UI显示出来。这使您可以在以后对 UI w/o 进行一些更改,而不必重做 "screenshotted" UI。

我还会为每个屏幕尺寸制作不同的帮助图像,工作量不大,而且不会挤压或拉伸叠加层。

我也编写了代码,但无法共享代码,对于顶部、中间和底部的三部分方法,这样我可以轻松处理 3.5" 和 4" 设备而无需拉伸。