返回
倍率切图和更换App图标神器——Flutter工具fmaker
前端
2023-11-03 09:45:25
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图标替换为新的图标。