如何生成和修改 Flutter 应用图标
在开发 Flutter 应用时,自定义应用图标是不可或缺的一部分。本文将详细介绍如何生成和替换 Flutter 应用的图标。
1. 创建应用图标
要生成适合 Android 和 iOS 平台的图标,可以使用在线工具如 App Icon Generator 或 MakeAppIcon。以下是步骤:
- 打开任一图标生成工具。
- 上传你设计的图标文件(推荐 1024x1024 像素的 PNG 格式)。
- 工具会自动生成适合不同分辨率的图标文件。
- 下载生成的 ZIP 文件。
2. 替换 Flutter 应用图标
生成图标后,你需要将它们替换到 Flutter 项目的 Android 和 iOS 文件夹中。
2.1 Android 平台替换图标
-
找到图标文件夹
在你的 Flutter 项目中,导航到以下路径:
android/app/src/main/res/
-
替换图标
将生成的图标文件解压缩,按照以下文件夹结构替换相应的图标:mipmap-hdpi
:放置高分辨率 (hdpi) 的图标mipmap-mdpi
:放置中等分辨率 (mdpi) 的图标mipmap-xhdpi
:放置超高分辨率 (xhdpi) 的图标mipmap-xxhdpi
:放置超超高分辨率 (xxhdpi) 的图标mipmap-xxxhdpi
:放置超超超高分辨率 (xxxhdpi) 的图标
确保每个文件夹中的图标命名为
ic_launcher.png
和ic_launcher_round.png
。
2.2 iOS 平台替换图标
-
打开 Xcode
在你的 Flutter 项目中,导航到ios
文件夹,使用 Xcode 打开Runner.xcworkspace
。 -
找到 Asset Catalog
在 Xcode 中,导航到Runner
->Assets.xcassets
->AppIcon
,你会看到不同分辨率的图标占位符。 -
替换图标
将生成的 iOS 图标文件替换到每个占位符中。确保每个图标与占位符的尺寸匹配。
3. 重新构建应用
完成图标替换后,需要重新构建应用以应用新的图标。依次执行以下命令:
flutter clean
flutter pub get
flutter run
这将清理缓存并重新生成应用。