Flutter之修改App的图标、名称

一、修改App名称

Android

路径:android/app/src/main/AndroidManifest.xml,

找到 android:label="@string/app_name"。点击Ctrl+鼠标左键转到string.xml

修改名称:

|-------------------------------------------------------------------|
| 你的APP名称 |

IOS

1.打开项目文件夹,双击ios文件夹------>双击项目名.xcodeproj文件

2.点击左侧项目目录最顶端项目名前面图标为蓝色背景项,点击Info项,配置"Bundle display name"选项

MacOS

1.打开项目------>macos------>Runner.xcworkspace文件

2.如下图所示,点击左侧导航栏的文件夹图标------>点击左侧导航栏的Runner------>点击TARGETS中的Runner------>点击Build Settings------>在搜索框中搜索Bundle Display Name------>然后修改对应的名称即可

Windows

在Windows中,没有所谓的"应用名称"。您可以更改窗口的名称、输出可执行文件的名称、在任务管理器中显示的名称。

假设您的项目名称是templelate,你应该在以下所有文件中将templelate替换为Your New Name。

windows/runner/Runner.rc

|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
|  BEGIN     VALUE "CompanyName", "com.example" "\0"     VALUE "FileDescription", "templelate" "\0"     VALUE "FileVersion", VERSION_AS_STRING "\0"     VALUE "InternalName", "templelate" "\0"     VALUE "LegalCopyright", "Copyright (C) 2024 com.example. All rights reserved." "\0"     VALUE "OriginalFilename", "templelate.exe" "\0"     VALUE "ProductName", "templelate" "\0"     VALUE "ProductVersion", VERSION_AS_STRING "\0" END |

windows/CMakeLists.txt(而不是windows/runner/CMakeLists.txt)

|---------------------------------------|
| set(BINARY_NAME "templelate") |

windows/runner/main.cpp

|-----------------------------------------------------------------------------------|
| if (!window.Create(L"templelate", origin, size)) { return EXIT_FAILURE; } |

二、修改应用图标

Android

1.找到读取APP图标的地方

进入目录::android/app/src/main/AndroidManifest.xml

找到: android:icon="@mipmap/ic_launcher"

这里的ic_launcher就是我的图标。这里也是从其他地方引用的,因此需要在被引用的地方修改。

2.修改图标

进入目录:android/app/src/main/res/mipmap--xxx,

(PS:这里需要注意,可能是mipmap,也可能是drawable),我这里是mipmap。这里只需要保持一致即可。

如果是:是mipmap,则android:icon="@mipmap/ic_launcher"

如果是:是drawable,则android:icon="@drawable/ic_launcher"。

我的目录结构:

这里面的图标大小都不一样,但是名字是一样的。图标分为 48x48,72x72,96x96,144x144,192x192的圆形和方形图片.适配安卓不同机型,只需要替换这四个文件夹里面的图片即可

iOS

1.打开项目文件夹,双击ios文件夹------>双击项目名.xcodeproj文件

2.展开左侧项目目录最顶端项目名前面图标为蓝色背景项,再展开黄色背景的项目名,双击Images.xcassets文件

3.我们可以看到右侧出现了AppIcon,然后把对应大小的图标拖进对应的位置即可。

4.这里在提供一种如何计算每个位置所需尺寸大小

5.直接运行我们可以看到ios的图标已经变了

macOS

1.打开项目------>macos------>Runner.xcworkspace文件

2.如下图所示,点击左侧导航栏的文件夹图标------>点击左侧导航栏的Runner------>点击Runner------>点击Resources------>点击Assets------>点击AppIcon------>将图标拖进即可

Windows

方法一

只需将文件app_icon.ico替换为您的新图标,放在windows/runner/resources目录下。

方法二

如果名称已更改,请在文件windows\runner\Runner.rc中将app_icon.ico重命名为您的新文件名。

|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| // Icon with lowest ID value placed first to ensure application icon // remains consistent on all systems. IDI_APP_ICON ICON "resources\\app_icon.ico" |

相关推荐
安好说AI10 小时前
Flutter 三方库 adaptive_image_picker 的鸿蒙化适配指南:零权限选图、纯 Dart 裁剪与目标大小压缩
flutter·harmonyos
恋猫de小郭12 小时前
Dart Skills CLI 1.0 :AI 时代的 Dart 交付支持
android·前端·flutter
97650333515 小时前
iOS 上架/审核 4.3a全面解读-最新
flutter·ios·objective-c·uniapp
2501_9151063216 小时前
Flutter iOS混淆打包详细教程与步骤
android·flutter·ios·小程序·uni-app·iphone·webview
lqj_本人16 小时前
Flutter 鸿蒙实战:用 wakelock_plus 三方库给阅读页加上屏幕常亮
flutter·华为·harmonyos
熊猫钓鱼>_>1 天前
Flutter app_settings 鸿蒙适配实战:Intent 体系到 Want 的跨越
flutter·华为·harmonyos·openharmony·intent·want
里欧跑得慢1 天前
Flutter主题与样式详解
前端·css·flutter·web
程序员老刘1 天前
现在回头看,Dart取消宏是无比正确的决定
flutter·ai编程·dart
莫道桑榆晚hh1 天前
Flutter 双端开发实战:一套代码搞定 iOS + Android,从开发到上架全流程
flutter
Zeaon1 天前
别再手写筛选栏了:一个可组合的 Flutter 选择组件(5 入口 × 7 委托)
android·flutter