【问题标题】:Image scaling for iPhone 4-inch and 4.7-inch screensiPhone 4 英寸和 4.7 英寸屏幕的图像缩放
【发布时间】:2015-05-18 23:27:32
【问题描述】:

我正在尝试处理 iPhone 5 和 6 中的图像(让我们暂时忘记 6+)。我可以做很多工作,但我想知道处理图像的最佳方法是什么。

我有这张图片:

此图片为 321x253 像素。我也在使用它的@2x 尺寸图片。

但显然如果我将大小设置为 321:

如您所见,第一个预览是iPhone 4-inch,第二个是iPhone 4.7-inch。它适合 4 英寸的屏幕,但我想要两个设备。

所以我将这张图片边对边放置:

但是第二个被拉伸了。我应该为不同宽度的屏幕使用不同的图像吗?

【问题讨论】:

  • 你在使用自动布局吗?
  • 是的,你可以在截图中看到一些规则

标签: ios iphone image


【解决方案1】:

您有 2 个解决方案:

  • 如果您需要绝对保持图片高度相同,请制作具有正确尺寸的第二个文件。
  • 否则,请使用自动布局来固定 UIImageView 的宽度、比例和原点,并选择“Aspect fit”作为视图模式。

【讨论】:

  • 第一个选项的问题是我必须创建另一个图像集并以该宽度使用它?它似乎仍然有点解决。使用第二个选项,我无法使其正常工作。
  • 我对这个问题的想法只是仔细检查是否正常我们必须处理简单的图像,显​​然现在我们有更多的维度但是如果我们可以选择为每个屏幕尺寸添加图像会很容易
  • 如果可以,最好的做法是始终创建一个包含“@1x”、“@2x”和“@3x”版本图像的资产目录。
猜你喜欢
  • 2014-03-30
  • 1970-01-01
  • 2014-09-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多