从零开始学习Flutter开发（十二）：微信项目进阶——资源配置

前言

在上一篇教程中，我们搭建了微信项目的框架，但使用的是系统提供的默认图标和启动图。为了让项目更加美观和个性化，我们需要添加自己的图标和启动图。

1. 配置图标和启动图

1.1 图标

Flutter项目中的图标可以使用.png、.jpg、.gif等格式的图片文件，也可以使用矢量图形文件（如.svg、.eps等）。

Android图标

将图标文件放在android/app/src/main/res目录下，并按照以下命名规则命名图标文件：

• mipmap-hdpi/icon.png：用于高清设备
• mipmap-mdpi/icon.png：用于中等密度设备
• mipmap-xhdpi/icon.png：用于超高清设备
• mipmap-xxhdpi/icon.png：用于超超高清设备

iOS图标

将图标文件放在ios/Runner/Assets.xcassets/AppIcon.appiconset目录下，并按照以下命名规则命名图标文件：

• icon-20x20@2x.png：用于iPhone和iPod touch
• icon-20x20@3x.png：用于iPhone和iPod touch Retina
• icon-29x29@2x.png：用于iPad
• icon-29x29@3x.png：用于iPad Retina
• icon-40x40@2x.png：用于iPhone和iPod touch
• icon-40x40@3x.png：用于iPhone和iPod touch Retina
• icon-50x50@2x.png：用于iPad
• icon-50x50@3x.png：用于iPad Retina
• icon-60x60@2x.png：用于iPhone和iPod touch
• icon-60x60@3x.png：用于iPhone和iPod touch Retina
• icon-72x72@2x.png：用于iPad
• icon-72x72@3x.png：用于iPad Retina
• icon-76x76@2x.png：用于iPhone和iPod touch
• icon-76x76@3x.png：用于iPhone和iPod touch Retina
• icon-83.5x83.5@2x.png：用于iPad
• icon-83.5x83.5@3x.png：用于iPad Retina
• icon-1024x1024.png：用于App Store

1.2 启动图

启动图是应用启动时显示的图片，一般是一个静态图片或动画。

Android启动图

将启动图文件放在android/app/src/main/res/drawable目录下，并按照以下命名规则命名启动图文件：

• drawable-hdpi/launch_image.png：用于高清设备
• drawable-mdpi/launch_image.png：用于中等密度设备
• drawable-xhdpi/launch_image.png：用于超高清设备
• drawable-xxhdpi/launch_image.png：用于超超高清设备

iOS启动图

将启动图文件放在ios/Runner/Assets.xcassets/LaunchImage.launchimage目录下，并按照以下命名规则命名启动图文件：

• Default-568h@2x.png：用于iPhone 5、5s、5c、SE
• Default-667h@2x.png：用于iPhone 6、6s、7、8
• Default-736h@3x.png：用于iPhone X、XS、11 Pro
• Default-1024h@1x.png：用于iPad Air、iPad mini
• Default-1366h@2x.png：用于iPad Pro 12.9英寸