首页 > 其他分享 >制作launch图标

制作launch图标

时间:2024-06-04 23:00:48浏览次数:17  
标签:配置 icons launcher 桌面图标 launch 制作 flutter 图标

文章目录


我们在上一章回中介绍了"overlay_tooltip简介"相关的内容,本章回中将再谈flutter_launcher_icons包.闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1. 概念介绍

我们在四百一十二回中介绍修改程序的桌面图标时介绍过这个包的用法,不过当时使用该插件修改桌面图标时没有修改成功,本章回将再次介绍该包,我们这次可以使用该
包来修改桌面图标,我们同时将分享修改成功的经验和技巧。

2. 使用方法

下面是详细的操作方法,请大家参考:

  • 在yaml文件中配置包,并且获取到本地;
  • 填写配置信息,主要是修改桌面图标的路径;
  • 通过相应的命令生成桌面图标;
  • 运行程序,可以看到桌面上的图标已经被修改;
    上面的使用方法看着简单,不过还有一些注意事项:
  • 在yaml文件中配置该包时需要在dev_dependencies section下方进配置,而不是在dependencies section下方配置,这点特别容易出错。因为导入三方包
    进行配置时通常都是在dependencies section下方配置;
  • 配置好包以及桌面图标后,需要运行命令,命令为:flutter pub run flutter_launcher_icons,需要在terminal中运行该命令,可以是电脑上的终端窗口,
    也可以是AndroidStudio中的终端窗口;
  • 运行程序时需要重新运动,不能是热重载。我们建议停止当前的程序,然后重新运行一次程序。

3. 示例代码

  flutter_launcher_icons: ^0.13.1
flutter_launcher_icons:
    android: true
    ios: true
    image_path: "images/avata.png"
  #  image_path_android: "images/avata.png"
  #  image_path_ios: "images/avata.png"

示例代码中主要包含该包的配置,以及桌面图标的配置,不同的平台可以配置不同的图标。此外,该包还有其它的参数可以配置,大家可以参考官方文档。配置好后不会
立即生效,需要运行命令才可以生成相应的桌面图标,下面是运行命令后的内容:

your_home % flutter pub run flutter_launcher_icons
Changing current working directory to: /your_home/fluttercookbook
Deprecated. Use `dart run` instead.
Building package executable... (1.4s)
Built flutter_launcher_icons:flutter_launcher_icons.
  ════════════════════════════════════════════
     FLUTTER LAUNCHER ICONS (v0.13.1)                               
  ════════════════════════════════════════════
  
• Creating default icons Android
• Overwriting the default Android launcher icon with a new icon
• Overwriting default iOS launcher icon with new icon
No platform provided

✓ Successfully generated launcher icons

从上面的结果中可以看到,生成了桌面图标,我们也可以在Android的res目录下以及iOS的Runner/Assets.appiconset目录下看到新生成的图标。生成的图标包含
所有的分辨率,特别是iOS中同一分辨率下1x,2x,3x对应的图标也会一起生成,这个功能的原生配置的效果完全一样。不过Android和原生的ImageAsset功能还是有
一些差异,它没有背景和前景,虽然可以通过包中的参数指定背景和前景,但是不如ImageAsset使用方便。

4. 经验与总结

4.1 经验分享

我们分享一些使用过程总结的经验,详细如下:

  • 配置包时一定在注意section,这个包与其它三方包不一样,需要在dev_dependencies sectoin下主进行配置;
  • 使用包时一定要通过命令来生成桌面图标,而不是像其它包一样在代码中调用包中的接口,或者编译整个程序来生成图标;
  • 判断是否成功修改桌面图标时可以通过命令的运行结果,或者直接到原生目录下查看是否有桌面图标生成或者被修改;
    回想一下前面章回中内容,我们失败了,原因就是配置错了包,而且没有运行命令生成桌面图标。

4.2 内容总结

最后我们对本章回的内容做一个全面的总结:

  • 使用flutter_launcher_icons包可以生成不同平台上的程序桌面图标;
  • 使用flutter_launcher_icons包时需要通过命令来生成图标,而不需要调用相关的接口;
  • 使用flutter_launcher_icons包生成的桌面图标已经和原生开发时的图标十分接近了,但是他的效率要高一些;
    看官们,与"再谈flutter_launcher_icons包"相关的内容就介绍到这里,欢迎大家在评论区交流与讨论!

标签:配置,icons,launcher,桌面图标,launch,制作,flutter,图标
From: https://blog.csdn.net/talk_8/article/details/139455872

相关文章