1 设置APP图标

Android

  1. 导航到.../android/app/src/main/res目录,里面包含了各种资源文件夹,将其替换为所需的资源,并遵守每种屏幕密度(dpi)的建议图标大小标准
  1. ldpi 0.75x
  2. mdpi 1.0x
  3. hdpi 1.5x
  4. xhdpi 2.0x
  5. xxhdpi 3.0x
  6. xxxhdpi 4.0x

image.png

iOS

…/ios/Runner。
该目录中Assets.xcassets/AppIcon.appiconset已经包含占位符图片只需将它们替换为适当大小的图片,保留原始文件名称

2 启动页

Android

  1. .../android/app/src/main。在res/drawable/launch_background.xml,通过自定义drawable来实现自定义启动界面<br />![image.png](https://cdn.nlark.com/yuque/0/2021/png/1994311/1621391318230-c73da604-2b2c-4154-b45f-da66acd97e03.png#clientId=ua8d34db1-b9ae-4&from=paste&height=342&id=u6156711e&margin=%5Bobject%20Object%5D&name=image.png&originHeight=473&originWidth=1039&originalType=binary&size=94971&status=done&style=none&taskId=ucb5bf571-970e-4127-ab70-dbe01102a61&width=750.497314453125)

iOS

…/ios/Runner。
在Assets.xcassets/LaunchImage.imageset, 拖入图片,并命名为LaunchImage.png、LaunchImage@2x.png、LaunchImage@3x.png。 如果你使用不同的文件名,还必须更新同一目录中的Contents.json文件,图片的具体尺寸可以查看苹果官方的标准。

也可以通过打开Xcode完全自定义storyboard。在Project Navigator中导航到Runner/Runner然后通过打开Assets.xcassets拖入图片,或者通过在LaunchScreen.storyboard中使用Interface Builder进行自定义

3 加载不同分辨率的图片

资源文件夹的导入

如果想把图片资源放在images文件夹中,那么把图片(1.0x)放置到images文件夹中,并把其他分辨率的图片放在对应的子文件夹中,并接上合适的比例系数

  1. images/my_icon.png
  2. images/2.0x/my_icon.png
  3. images/3.0x/my_icon.png

在pubspec.yaml中声明

  1. assets:
  2. -images/
  3. -images/2.0x/
  4. -images/3.0x/

image.png

使用

  1. AssetImage("imanges/my_icon.png")
  2. Image.asset("images/my_icon.png")