我试图为我的iPhone应用程序创建图标,但不知道如何获得iPhone图标使用的确切半径。我搜索了又搜索教程或模板,但找不到一个。

我确信我只是一个白痴,但你如何让圆角与你的图标从Illustrator或Photoshop完全正确?

编辑:

Retina iPad的半径是多少?


当前回答

你不需要应用圆角半径到你的应用程序图标,你可以只应用方形图标。设备自动施加角半径。

其他回答

就像其他人说的那样,你不想拐弯抹角。你想要发布平面(无图层或alpha)方形图形。苹果改变了他们在iOS7和iOS8中用来绕过角落的掩码。你可以在Xcode应用程序包中找到这些掩码。路径会随着他们发布的每个新SDK版本而变化。我来告诉你们怎么找到它。

find /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs -name 'MobileIcons.framework'

此时,该命令找到的路径是/Applications/Xcode.app/Contents/Developer/Platforms/ iphoneonesimulator .platform/Developer/ sdk/ iphoneonesimulator .sdk/System/Library/PrivateFrameworks/MobileIcons.framework,但不要相信它。使用命令自己查找。

该路径指向包含这些文件的目录(同样,在这篇文章中)

./AppFolderBadgeIconMask-128_1only_.png
./AppFolderBadgeIconMask-16_1only_.png
./AppFolderBadgeIconMask-256_1only_.png
./AppFolderBadgeIconMask-32_1only_.png
./AppFolderBadgeIconMask-512_1only_.png
./AppFolderBadgeIconOverlay-128_1only_.png
./AppFolderBadgeIconOverlay-16_1only_.png
./AppFolderBadgeIconOverlay-256_1only_.png
./AppFolderBadgeIconOverlay-32_1only_.png
./AppFolderBadgeIconOverlay-512_1only_.png
./AppFolderBadgeIconShadow-128_1only_.png
./AppFolderBadgeIconShadow-16_1only_.png
./AppFolderBadgeIconShadow-256_1only_.png
./AppFolderBadgeIconShadow-32_1only_.png
./AppFolderBadgeIconShadow-512_1only_.png
./AppIconMask@2x~ipad.png
./AppIconMask@2x~iphone.png
./AppIconMask@3x~iphone.png
./AppIconMask~ipad.png
./AppIconMask~iphone.png
./CarAppIconMask.png
./CarNotificationAppIconMask.png
./DefaultIcon-20.png
./DefaultIcon-20@2x.png
./DefaultIcon-20@3x.png
./DefaultIcon-29.png
./DefaultIcon-29@2x.png
./DefaultIcon-29@3x.png
./DefaultIcon-40.png
./DefaultIcon-40@2x.png
./DefaultIcon-40@3x.png
./DefaultIcon-60@2x~iphone.png
./DefaultIcon-60@3x~iphone.png
./DefaultIcon-76@2x~ipad.png
./DefaultIcon-76~ipad.png
./DocumentBadgeMask-145.png
./DocumentBadgeMask-145@2x.png
./DocumentBadgeMask-20.png
./DocumentBadgeMask-20@2x.png
./DocumentBadgeMask-20@3x.png
./DocumentBase-320@2x~ipad.png
./DocumentBase-320~ipad.png
./DocumentBase-48.png
./DocumentBase-48@2x.png
./DocumentBase-48@3x.png
./DocumentMask-320@2x~ipad.png
./DocumentMask-320~ipad.png
./DocumentMask-48.png
./DocumentMask-48@2x.png
./DocumentMask-48@3x.png
./NanoDefaultIcon-24.0@2x.png
./NanoDefaultIcon-27.5@2x.png
./NanoDefaultIcon-40.0@2x.png
./NanoDefaultIcon-44.0@2x.png
./NanoDefaultIcon-86.0@2x.png
./NanoDefaultIcon-98.0@2x.png
./NanoIconMaskChiclet-24.0@2x.png
./NanoIconMaskChiclet-27.5@2x.png
./NanoIconMaskChiclet-40.0@2x.png
./NanoIconMaskChiclet-44.0@2x.png
./NanoIconMaskChiclet-86.0@2x.png
./NanoIconMaskChiclet-98.0@2x.png
./NewsstandDefaultMagazine_1only_.png
./NewsstandDefaultNewspaper_1only_.png
./NewsstandMagazineGradientLeft@2x~ipad.png
./NewsstandMagazineGradientLeft@2x~iphone.png
./NewsstandMagazineGradientLeft~ipad.png
./NewsstandMagazineGradientLeft~iphone.png
./NewsstandMagazineGradientRight@2x~ipad.png
./NewsstandMagazineGradientRight@2x~iphone.png
./NewsstandMagazineGradientRight~ipad.png
./NewsstandMagazineGradientRight~iphone.png
./NewsstandMagazineSwitcherGradientLeft.png
./NewsstandMagazineSwitcherGradientLeft@2x.png
./NewsstandNewspaperGradientBottom@2x~ipad.png
./NewsstandNewspaperGradientBottom@2x~iphone.png
./NewsstandNewspaperGradientBottom~ipad.png
./NewsstandNewspaperGradientBottom~iphone.png
./NewsstandNewspaperGradientLeft@2x~ipad.png
./NewsstandNewspaperGradientLeft@2x~iphone.png
./NewsstandNewspaperGradientLeft~ipad.png
./NewsstandNewspaperGradientLeft~iphone.png
./NewsstandNewspaperGradientRight@2x~ipad.png
./NewsstandNewspaperGradientRight@2x~iphone.png
./NewsstandNewspaperGradientRight~ipad.png
./NewsstandNewspaperGradientRight~iphone.png
./NewsstandNewspaperSwitcherGradientBottom.png
./NewsstandNewspaperSwitcherGradientBottom@2x.png
./NewsstandNewspaperSwitcherGradientLeft.png
./NewsstandNewspaperSwitcherGradientLeft@2x.png
./NewsstandNewspaperSwitcherGradientRight.png
./NewsstandNewspaperSwitcherGradientRight@2x.png
./NewsstandThumbnailShadow@2x~ipad.png
./NewsstandThumbnailShadow@2x~iphone.png
./NewsstandThumbnailShadow~ipad.png
./NewsstandThumbnailShadow~iphone.png
./NotificationAppIconMask.png
./NotificationAppIconMask@2x.png
./NotificationAppIconMask@3x.png
./SpotlightAppIconMask.png
./SpotlightAppIconMask@2x.png
./SpotlightAppIconMask@3x.png
./TableIconMask.png
./TableIconMask@2x.png
./TableIconMask@3x.png
./TableIconOutline.png
./TableIconOutline@2x.png
./TableIconOutline@3x.png

正如你所看到的,有很多不同的面具,但它们的名字都很清楚。以下是AppIconMask@3x~iphone.png图片:

你可以用它来测试你的图标,看看它蒙版后看起来是否正常。但是,不要拐弯抹角。如果你这样做了,当苹果再次改变这些面具时,你就会有伪影。

dbarnard的答案有公式来计算正确的半径,但因为你是在寻找模板,所有的蒙版和覆盖都可以在这个目录中找到:

/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator5.1.sdk/System/Library/PrivateFrameworks/MobileIcons.framework

(路径是最新版本的XCode。对于旧版本,它可能在/Developer/)内部。

正如其他人所指出的,你不应该自己屏蔽它们,但你可以使用这些来检查你的图标在屏蔽后的样子。

(这一发现归功于Neven Mrgan IIRC)

iphone为你圆角,你所需要的是一个方形的57x57 png图标,u应该是好的

你可以为你的应用程序制作四个图标(到今天为止),它们都可以有不同的外观-不一定基于512x512的图像。

512x512图标的圆角半径= 80 (iTunesArtwork) 1024x1024图标的圆角半径= 180 (iTunesArtwork Retina) 57x57图标的圆角半径= 9 (iPhone/iPod Touch) 114x114图标的角半径= 18 (iPhone/iPod Touch Retina) 72x72图标的圆角半径= 11 (iPad) 14x144图标的角半径= 23 (iPad Retina)

如果你创建了一组自定义图标,你可以在你的信息中将UIPrerenderedIcon选项设置为true。Plist文件,它不会添加光泽效果,但它会在它下面放置一个黑色背景,仍然用这些角半径圆角图像的角落,所以如果任何图标的角半径更大,那么它将在边缘/角落周围显示黑色。

编辑:查看来自@devin-g-rhode的评论,你可以看到任何未来的图标大小都应该是1:6.4的角半径与图标大小的比例。https://stackoverflow.com/a/29550364/396005上也有一个很好的答案,它有SDK中用于圆角图标的图像掩码文件的位置

要添加与视网膜兼容的文件,请使用相同的文件名并添加“@2x”。所以如果我有一个72x72的图标文件icon. PNG,我也会添加一个114x114的PNG文件icon@2x.png到项目/目标,Xcode会自动使用它作为视网膜显示器上的图标。如果操作正确,您可以在应用程序目标的Summary页面上看到这一点。这同样适用于您的发射图像。使用launch.png的320x480和launch@2x.png的640x960。

如果不考虑描边,57x57图标的准确半径实际上是10px。

我从iconreference中得到这个信息。