在Xcode中,图像大小应为@ 1x,@ 2x和@ 3x?

例如,我有一个100*100大小的图像视图或button,我想用本地.png文件设置其图像或backgroundImage 。 根据我的理解,我需要创build3组图像,即@1x 100*100 @1x 100*100 @1x @2x 200*200 @2x 300*300 @3x 300*300 @3x 。 我不确定我的理解是否正确,谁能帮忙?

据我了解,如果图像大小是100 * 100

@1x -> 100 * 100

@2x -> 200 * 200

@3x -> 300 * 300

在这里输入图像说明

有一些事情要理解。 通过创build2x 3x3x图像,你不能指望每个iPhone屏幕上完全相同的布局。 布局将在屏幕之间不同。 1x,2x和3x图像尺寸仅处理屏幕的像素密度。

假设你有一个320 * 70的图像,你正在创build

@1x -> 320 * 70

@2x -> 640 * 140

@3x -> 960 * 210

这将是你在不同屏幕上的输出。 在这里输入图像说明

对于@3x图像增加@1x倍的图像尺寸3倍!

例如

15 x 15 = @1x

30 x 30 = @2x

45 x 45 = @3x

要么

100 x 100 = @1x

200 x 200 = @2x

300 x 300 = @3x

要么

15 x 10 = @1x

30 x 20 = @2x

45 x 30 = @3x

我希望这对你有帮助!

你是对的。 但是如果你使用Assets你可以在三个插槽的图像中完成

是的,你的理解是正确的。

标准分辨率图像的比例因子为1.0,被称为@ 1x图像。 高分辨率图像的比例因子为2.0或3.0,被称为@ 2x和@ 3x图像。 假设您有一个标准分辨率@ 1x图像,例如100px×100px。 这个图像的@ 2x版本将是200px×200px。 @ 3x版本将是300px×300px。

在这里输入图像说明

有关更多详细信息,请查看此链接https://developer.apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/

使用资产目录。 Xcode将易于pipe理@ 1x,@ 2x,@ 3x,并告诉你图像的尺寸。

借助它,可以轻松pipe理AppIcon和LaunchScreen图像。