当我使用flutter create命令创建应用程序时,flutter标志将用作两个平台的应用程序图标。
如果我想改变应用程序的图标,我是否应该去两个平台的目录并替换那里的图像?我说的平台目录是myapp/ios/Runner/Assets.xcassets/AppIcon。apppiconset用于iOS, myapp/android/app/src/main/res用于android。
或者可以将图像定义为颤振资产和图标以某种方式生成?
当我使用flutter create命令创建应用程序时,flutter标志将用作两个平台的应用程序图标。
如果我想改变应用程序的图标,我是否应该去两个平台的目录并替换那里的图像?我说的平台目录是myapp/ios/Runner/Assets.xcassets/AppIcon。apppiconset用于iOS, myapp/android/app/src/main/res用于android。
或者可以将图像定义为颤振资产和图标以某种方式生成?
当前回答
遵循简单的步骤:
1. 添加flutter_launcher_icons Plugin到pubspec.yaml
e.g.
dev_dependencies:
flutter_test:
sdk: flutter
flutter_launcher_icons: "^0.9.0"
flutter_icons:
image_path: "icon/icon.png"
android: true
ios: true
# optionally, as transparency is not allowed on app store
# remove_alpha_ios: true
2. 为指定的路径准备一个应用程序图标。 例如图标/程序
3.在终端执行命令创建应用图标:
$颤振酒吧得到
$ flutter pub运行flutter_launcher_icons:main
要检查所有可用的选项,并设置不同的图标安卓和iOS,请参考此
更新:
flutter_launcher_icons 0.8.0版本(2020年9月12日)增加了口味支持
flavor通常用于为不同的环境(如dev和prod)构建应用程序
社区写了一些文章和软件包,您可能会觉得有用。这两篇文章分别阐述了iOS和Android的游戏风格。
其他回答
遵循以下步骤:-
1. 在pubspec中添加flutter_luncher_icons的依赖项。yaml文件。你可以在这里找到这个插件。
2. 在资产文件夹和pubspec中添加所需的图像。Yaml文件如下。
pubspec.yaml
name: NewsApi.org
description: A new Flutter application.
# The following line prevents the package from being accidentally published to
# pub.dev using `pub publish`. This is preferred for private packages.
publish_to: 'none' # Remove this line if you wish to publish to pub.dev
https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
version: 1.0.0+1
environment:
sdk: ">=2.7.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^1.0.1
fluttertoast: ^7.1.6
toast: ^0.1.5
flutter_launcher_icons: ^0.8.0
dev_dependencies:
flutter_test:
sdk: flutter
flutter_icons:
image_path: "assets/icon/newsicon.png"
android: true
ios: false
# The following section is specific to Flutter.
flutter:
# The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in
# the material Icons class.
uses-material-design: true
assets:
- assets/images/dropbox.png
fonts:
- family: LangerReguler
fonts:
- asset: assets/langer_reguler.ttf
# fonts:
# - family: Schyler
# fonts:
# - asset: fonts/Schyler-Regular.ttf
# - asset: fonts/Schyler-Italic.ttf
# style: italic
# - family: Trajan Pro
# fonts:
# - asset: fonts/TrajanPro.ttf
# - asset: fonts/TrajanPro_Bold.ttf
# weight: 700
#
# For details regarding fonts from package dependencies,
# see https://flutter.dev/custom-fonts/#from-packages
3.执行terminal flutter pub get命令,然后执行flutter_luncher_icon命令。这是成功运行命令后得到的结果。并成功生成了午餐图标。
我的终端
[E:\AndroidStudioProjects\FlutterProject\NewsFlutter\news_flutter>flutter pub get
Running "flutter pub get" in news_flutter... 881ms
E:\AndroidStudioProjects\FlutterProject\NewsFlutter\news_flutter>flutter pub run flutter_launcher_icons:main
════════════════════════════════════════════
FLUTTER LAUNCHER ICONS (v0.8.0)
════════════════════════════════════════════
• Creating default icons Android
• Overwriting the default Android launcher icon with a new icon
✓ Successfully generated launcher icons
在Flutter中设置应用程序图标的最佳推荐方法。
我找到了一个插件来设置应用程序图标在flutter名为flutter_launcher_icons。我们可以使用这个插件在flutter中设置应用程序图标。
在pubspec中添加此插件。项目根目录下的Yaml文件。请检查以下代码,
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^0.1.2
flutter_launcher_icons: ^0.7.2+1**
保存文件并在终端上运行flutter pub get。
在项目的根文件夹资产中创建一个文件夹资产,同时创建一个文件夹图标,并将应用程序图标放在这个文件夹中。我将推荐给用户1024x1024的应用程序图标大小。我已经把应用程序图标放在图标文件夹内,现在我有应用程序图标路径为assets/icon/icon.png 现在,在pubspec中。Yaml添加下面的代码,
flutter_icons:
android: "launcher_icon"
ios: true
image_path: "assets/icon/icon.png"
保存文件并在终端上运行flutter pub get。运行命令后,运行第二条命令,如下所示
flutter pub run flutter_launcher_icons:main -f pubspec.yaml
然后运行App
我建议你使用下面链接的这个网站
应用图标创造者
步骤1:上传图片
步骤2:做必要的修改,然后点击下载(不要更改文件名)
步骤3:解压下载的Zip文件在相应的文件夹
android/app/src/main/res
像本地开发人员一样设置启动器图标
我在使用和理解flutter_launcher_icons包时遇到了一些麻烦。如果你是面向Android或iOS平台创造应用,你将如何做到这一点。一旦你做过几次,这是非常快速和简单的。
安卓
Android启动器图标有前景层和背景层。
(图片来自Android文档)
为Android创建启动器图标最简单的方法是使用Android Studio中提供的Asset Studio。你甚至不需要离开颤振项目。(VS Code用户,在这一步你可以考虑使用Android Studio。这真的非常方便,熟悉另一个IDE也无妨。)
右键单击项目大纲中的android文件夹。进入新建>图像资产。(尝试右键单击android/app文件夹,如果你没有看到图像资产作为一个选项。更多建议请参见下面的评论。)现在你可以选择一个图像来创建你的启动器图标。
注意:我通常使用1024x1024像素的图像,但你当然应该这样做 不要使用比512x512更小的东西。如果你正在使用Gimp或Inkscape,你 应该有两个图层,一个为前景,一个为 背景。前景图像应该有透明的区域 背景层显示通过。
(这里的狮子剪纸)
这将取代当前的启动器图标。你可以在mipmap文件夹中找到生成的图标:
如果您希望手动创建启动器图标,请参阅此回答以获得帮助。
最后,确保AndroidManifest中的启动器图标名称与上面所调用的相同(默认为ic_launcher):
application android:icon="@mipmap/ic_launcher"
在模拟器中运行应用程序,确认启动器图标已成功创建。
iOS
我以前总是手动调整iOS图标的大小,但如果你用的是Mac, Mac应用商店里有一个免费的应用程序,叫做Icon Set Creator。你给它一个图像(至少1024x1024像素),它会吐出你需要的所有大小(加上内容)。json文件)。感谢你对建议的回答。
iOS图标不应该有任何透明度。点击这里查看更多指南。
创建图标集后,启动Xcode(假设你有一台Mac),并使用它打开Flutter项目中的ios文件夹。然后转到Runner > Assets。xcassets并删除AppIcon项。
然后右键单击并选择Import....选择刚才创建的图标集。
就是这样。确认图标是通过在模拟器中运行应用程序创建的。
如果你没有Mac…
您仍然可以手工创建所有图像。在Flutter项目中,转到ios/Runner/Assets.xcassets/AppIcon.appiconset。
您需要的图像大小是文件名中的大小相乘。例如,Icon-App-29x29@3x.png将是29乘以3,即87像素的平方。您需要保持相同的图标名称,或者编辑JSON文件。
最好的方法是分别改变iOS和Android的启动器图标。
分别修改iOS和Android模块的图标。 该插件从相同的图标产生不同大小的图标,这些图标是扭曲的。
点击这个链接: https://flutter.dev/docs/deployment/android