Flutter应用图标管理插件mx_app_icon的使用

mx_app_icon

App图标生成器。

使用方式

1. 将此包作为库使用

在 pubspec.yaml 文件中添加 mx_app_icon 依赖：

dev_dependencies:
   mx_app_icon: any

然后在 Dart 文件中导入并使用：

import 'package:mx_app_icon/mx_app_icon.dart';

void main(List<String> args) {
   // 初始化生成器
   final generator = MxAppIconGenerator();

   // 指定要处理的图标文件
   final iconFile = File('图片路径'); // 替换为实际的图片路径

   // 指定iOS和Android的目标目录
   final iosDir = Directory('./ios/Runner/Assets.xcassets/AppIcon.appiconset');
   final androidDir = Directory('./android/app/src/main/res');
   
   // 生成iOS图标
   generator.generateIosIcon(iconFile.readAsBytesSync(), iosDir);
   
   // 生成Android图标
   generator.generateAndroidIcon(iconFile.readAsBytesSync(), androidDir);
}

说明：

• generateIosIcon 方法用于生成 iOS 图标。
• generateAndroidIcon 方法用于生成 Android 图标。
• 需要确保目标目录已存在，否则可能会报错。

2. 将此包作为可执行文件使用

步骤 1：激活包

运行以下命令以全局激活 mx_app_icon：

dart pub global activate mx_app_icon

步骤 2：运行命令

使用以下命令生成图标：

mx_app_icon -f {imagePath} -p ios -t {targetDir} -b #FFFFFF

参数说明：

• -f 或 --file: 图片源文件路径。
• -p 或 --platform: 平台 (ios 或 android)。
• -t 或 --target_dir: 目标目录路径。对于 iOS 是 AppIcon.appiconset，对于 Android 是 res。
• -b 或 --background: 背景颜色（例如 #FFFFFF 表示白色）。
• -h 或 --help: 查看帮助信息。

步骤 3：命令行参数示例

mx_app_icon -f ./example.png -p ios -t ./ios/Runner/Assets.xcassets/AppIcon.appiconset -b #FFFFFF
mx_app_icon -f ./example.png -p android -t ./android/app/src/main/res -b #FFFFFF

注意： 如果在步骤 2 中遇到 command not found 错误，请检查是否已将 Dart 的全局工具路径添加到环境变量中。更多详情请参考 Dart 官方文档。

示例代码完整 Demo

以下是一个完整的示例代码，展示如何使用 mx_app_icon 包生成 iOS 和 Android 图标：

import 'dart:io';
import 'package:mx_app_icon/mx_app_icon.dart';

void main() {
   // 初始化生成器
   final generator = MxAppIconGenerator();

   // 指定输入图片路径
   final inputImagePath = './example.png'; // 替换为实际图片路径
   final iconFile = File(inputImagePath);

   // 指定iOS和Android目标目录
   final iosDir = Directory('./ios/Runner/Assets.xcassets/AppIcon.appiconset');
   final androidDir = Directory('./android/app/src/main/res');

   // 生成iOS图标
   generator.generateIosIcon(iconFile.readAsBytesSync(), iosDir);

   // 生成Android图标
   generator.generateAndroidIcon(iconFile.readAsBytesSync(), androidDir);

   print('图标生成完成！');
}