莱莱 发表于 2024-11-17 15:15:54

【Flutter】如何生成和修改 Flutter 应用图标

如何生成和修改 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
这将清理缓存并重新生成应用。

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 【Flutter】如何生成和修改 Flutter 应用图标