【问题标题】:image background files for iPhonesiPhone的图像背景文件
【发布时间】:2017-01-27 21:46:56
【问题描述】:

我们的应用有一个背景图片,在我们运行应用的每台设备上都需要全屏显示。我们的问题是背景图像平铺在我们的 iPhone 6S+ 上(显示缩放关闭)。

我画了红线以突出显示平铺发生的位置...

我们已经创建了 3 个以下尺寸的背景图片...

因此,为 1x 设计(这是推荐的方法),我们的基本 1x 背景图像为 320 像素宽。我们的 2x 是 640 像素,我们的 3x 是 960 像素。

问题是 iPhone 6S+ 是 1080 像素宽,根据此图表,您需要从 1242 像素宽的 3x 图像开始。这就是我想念它应该如何工作的地方。

来自https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

考虑到上图,您似乎需要为上图中用红色方块突出显示的每个分辨率分别制作一张图片。这个对吗?如果是,您如何标记每个单独的图像,以便在运行时选择正确的图像?

【问题讨论】:

    标签: ios iphone


    【解决方案1】:

    您只需要三张图片,命名为background.png

    现在让我们谈谈图像视图。他们使用content mode 显示他们的图像。关键是选择正确的模式。 Aspect Fill 是您可能想要的,因为它会填充图像视图而不会扭曲图像。

    然后,一个过程是使用比您拥有的更大的图像,并配置显示图像的图像视图以使用适当的内容模式(例如 Aspect Fill),以便将图像的大小缩小到适合(或,为了节省内存,在运行时你可以自己缩小)。

    另一种可能性是让您的图像保持原样,并通过告诉图像视图将图像 向上 调整大小以适应 Plus 机器上的问题,同样可能使用 Aspect Fill .这可能看起来也可能不可接受;你必须尝试一下,看看你的想法。

    【讨论】:

    • 举一个实际的例子,在我的一个 iPhone 应用程序中,我使用 3x 版本为 994x1540 的背景图像,并让图像视图在所有设备上缩小或放大它,我认为它看起来对所有这些都很好。对于这个特殊的图像,我不介意一点点纵横比,所以我使用 Scale To Fill 作为我的内容模式。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-14
    • 1970-01-01
    相关资源
    最近更新 更多