像原生开发者一样设置启动器图标
我在使用和理解 flutter_launcher_icons 包时遇到了一些问题。如果您在本地创建适用于 Android 或 iOS 的应用程序,那么这个答案就是您将如何做到的。完成几次后,它非常快速和简单。
安卓
Android 启动器图标同时具有前景层和背景层。
(图片改编自Android documentation)
为 Android 创建启动器图标的最简单方法是使用 Android Studio 中提供的 Asset Studio。你甚至不必离开你的 Flutter 项目。 (VS Code 的用户,你可以考虑使用 Android Studio 只是为了这一步。真的很方便,熟悉另一个 IDE 也没有什么坏处。)
右键单击项目大纲中的android 文件夹。转到新建 > 图片资源。 (如果您没有看到 Image Asset 选项,请尝试右键单击 android/app 文件夹。另请参阅下面的 cmets 以获得更多建议。)现在您可以选择一个图像来创建启动器图标.
注意:我通常使用1024x1024 像素图像,但您当然应该使用
使用比512x512 更小的东西。如果您使用 Gimp 或 Inkscape,您
应该有两层,一层用于前景,一层用于
背景。前景图像应具有透明区域
要显示的背景层。
(来自here 的狮子剪贴画)
这将替换当前的启动器图标。您可以在mipmap 文件夹中找到生成的图标:
如果您希望手动创建启动器图标,请参阅 this answer 获取帮助。
最后,确保 AndroidManifest 中的启动器图标名称与您在上面调用的名称相同(默认为ic_launcher):
application android:icon="@mipmap/ic_launcher"
在模拟器中运行应用,确认启动器图标创建成功。
iOS
我过去常常手动单独调整 iOS 图标的大小,但如果您有 Mac,Mac App Store 中有一个名为 Icon Set Creator 的免费应用程序。你给它一个图像(至少1024x1024 像素),它会吐出你需要的所有尺寸(加上Contents.json 文件)。感谢this answer 的建议。
iOS 图标不应该有任何透明度。查看更多指南here。
创建图标集后,启动 Xcode(假设您有 Mac)并使用它打开 Flutter 项目中的 ios 文件夹。然后转到 Runner > Assets.xcassets 并删除 AppIcon 项。
然后右键单击并选择导入...。选择您刚刚创建的图标集。
就是这样。通过在模拟器中运行应用程序来确认图标是创建的。
如果您没有 Mac...
您仍然可以手动创建所有图像。在您的 Flutter 项目中转到 ios/Runner/Assets.xcassets/AppIcon.appiconset。
您需要的图像大小是文件名中的乘积大小。例如,Icon-App-29x29@3x.png 将是29 乘以3,即87 像素正方形。您要么需要保持相同的图标名称,要么编辑 JSON 文件。