【问题标题】:Required Resolution Graphics for Storyboard Design iOS故事板设计 iOS 所需的分辨率图形
【发布时间】:2018-08-21 15:34:33
【问题描述】:

在努力创建支持多种分辨率的屏幕后,我无法成功决定我需要为@1x、@2x 和@3x 尺寸使用什么分辨率的图形。 因为在 Storyboard 中,设备也没有以精确的屏幕尺寸分辨率显示,可能是一半宽度和高度正在运行。 所以也请澄清一下。

请查看此参考图片:

目前我已将 iPhoneSE 视为基本视图,因为我的图形 @1x 存在于此分辨率中。但是当我将图像加载到 UIImageView 中时,它看起来比要求更大。

那么,我需要为此更正做哪些更改? 还给我一些关于资源的建议,我需要用于处理多种 iPhone 尺寸。

编辑:

当我尝试调整 UIImageView 的大小时 - 它会从各个方面切开:

【问题讨论】:

  • 在上面的SS中,你的图片好像比imageview大,根据imageview大小调整图片大小
  • 我问故事板 iPhoneSE 不遵循相同的分辨率,因为我以完全相同的分辨率设计它。但放置后我意识到故事板跟随可能是一半分辨率。
  • 在这种情况下,您必须对其应用约束。

标签: ios iphone xcode uiimageview uistoryboard


【解决方案1】:

阅读后你会更清楚: 有一点要理解。通过创建 2x 和 3x 图像,您不能期望每个 iPhone 屏幕的布局完全相同。布局将因屏幕而异。 1x、2x 和 3x 图像尺寸仅处理屏幕的像素密度。

假设你有一个 320 * 70 的图像并且你正在创建

如果图像大小为 100 * 100

@1x -> 100 * 100

@2x -> 200 * 200

@3x -> 300 * 300

参考:https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/image-size-and-resolution/

你也可以这样做:

实现此目的的最佳方法是使用其他答案所指出的“资产管理器”,并使用“矢量”图像。 PDF 图像是矢量,“Adobe Photoshop”和“Adobe Illustrator”都允许您“另存为...”PDF。所以:

【讨论】:

  • 那么我是否需要为应用程序加载半尺寸图形?目前它看起来像双倍尺寸。
  • 是的,你必须减小宽度并设置图像给它适当的布局。在资产中提供所有 1x、2x 和 3x 图像。
  • 我赞成你的答案,因为在此之后许多概念都被清除了:)
  • 非常感谢@Siddharth
  • 这可能对你有帮助:roadfiresoftware.com/2015/04/…@Siddharth
【解决方案2】:

选择您的常规设备并对其应用适当的约束或使用这样的自动调整大小选项

【讨论】:

  • 在 UIImageView 调整大小后,请检查我编辑的问题。
  • 我也赞成您的回答,因为内容模式更改对我有用 :)
猜你喜欢
  • 2013-05-12
  • 2015-06-07
  • 2015-04-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多