概述
- 应用标识
- 应用名称
- 应用图标
- 应用启动图
一、应用标识
- 1.1. Android应用标识Android应用标识在对应的Android目录下:
Android/app/build.gradle
applicationId
:是打包时的应用标识,我们可以根据自己公司的要求来改
defaultConfig { // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). applicationId "com.example.favorcate" minSdkVersion 16 targetSdkVersion 28 versionCode flutterVersionCode.toInteger() versionName flutterVersionName }
- 1.2、iOS应用标识在对应的iOS目录下:ios/Runner/Info.plist(可以通过Xcode打开来进行修改)
二、应用名称
- 2.1. Android应用名称
Android应用名称在对应的Android目录下:android/app/src/main/AndroidMainifest.xml
android:label
2.2. iOS应用名称,在对应的iOS目录下:ios/Runner/Info.plist(可以通过Xcode打开来进行修改)
三、应用图标
建议让UI设计师做一张 1024x1024 我们来用 图标工厂 来一键生成 iOS 和 安卓的应用图标
3.1、Android应用图标,我们直接把上图的 安卓图标拖进来即可,图片的名字必须是:ic_launcher.png
- icon图标尺寸:
- hdpi-icon 72*72
- ldpi-icon 36*36
- mdpi-icon 48*48
- xhdpi-icon 96*96
- xxhdpi-icon 144*144
- xxxhdpi-icon 192*192
3.2、iOS应用图标
iOS的应用图标在ios/Runner/Assets.xcassets/AppIcon.appiconset中管理(可以直接打开Xcode将对应的图标拖入)
四、应用启动图
- 4.1、Android应用启动图Android中默认的启动图是一片空白的,这是Flutter的默认设置效果。在
android/app/src/main/res/drawable/launch_background.xml
里面设置
<?xml version="1.0" encoding="utf-8"?> <!-- Modify this file to customize your launch splash screen --> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@android:color/white" /> <!-- You can insert your own image assets here --> <!--<item> <bitmap android:gravity="center" android:src="@mipmap/launcher_image"/> </item>--> </layer-list>
- 我们可以进行如下修改:
- 第一步:将对应的启动图片,添加到对应的minimap文件夹中竖屏 宽x高
hdpi
-screen 480*800ldpi
-screen 200*320mdpi
-screen 320*480xhdpi
-screen 720*1280xxhdpi
-screen 960*1600xxxhdpi
-screen 1280*1920
- 第二步:修改launch_background.xml文件如下:
<?xml version="1.0" encoding="utf-8"?> <!-- Modify this file to customize your launch splash screen --> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@android:color/white" /> <item> <bitmap android:gravity="center" android:src="@mipmap/launch_image" /> </item> </layer-list>
- 4.2、iOS 应用启动图iOS需要两步来完成:
- 第一步:将启动图片添加到资源依赖中
第二步:在LaunchScreen.storyboard中,添加一个ImageView,并且添加约束