返回

倍率切图和更换App图标神器——Flutter工具fmaker

前端

Flutter工具——fmaker:自动生成倍率切图、自动更换App图标

fmaker工具简介

fmaker是一款Flutter工具,可以自动识别项目下/assets/fmaker中的多倍图,将多倍图按flutter格式递归转换为2.0x,3.0x,4.0x等文件夹,再将压缩后的低倍图保存到assets中,保证flutter可以自动识别低倍率的图片。

fmaker不仅可以自动生成倍率切图,还可以自动更换App图标。只需要在项目根目录下创建fmaker.yaml文件,然后在fmaker.yaml文件中指定图标路径和新图标路径,即可一键更换App图标。

fmaker工具使用教程

1. 安装fmaker工具

flutter pub add fmaker

2. 在项目根目录下创建fmaker.yaml文件

flutter create .

3. 在fmaker.yaml文件中指定图标路径和新图标路径

icons:
  - path: assets/icon.png
  - path: assets/icon@2x.png
  - path: assets/icon@3x.png
new_icons:
  - path: assets/new_icon.png
  - path: assets/new_icon@2x.png
  - path: assets/new_icon@3x.png

4. 运行fmaker工具

flutter pub run fmaker

fmaker工具使用示例

以下是一个fmaker工具的使用示例:

flutter create my_app
cd my_app
flutter pub add fmaker
flutter create fmaker.yaml

在fmaker.yaml文件中指定图标路径和新图标路径:

icons:
  - path: assets/icon.png
  - path: assets/icon@2x.png
  - path: assets/icon@3x.png
new_icons:
  - path: assets/new_icon.png
  - path: assets/new_icon@2x.png
  - path: assets/new_icon@3x.png

运行fmaker工具:

flutter pub run fmaker

运行fmaker工具后,将在assets文件夹中生成2.0x、3.0x、4.0x等文件夹,并将压缩后的低倍图保存到assets中。同时,还会将App图标替换为新的图标。