Day17 - Flutter - 应用信息配置

概述

• 应用标识
• 应用名称
• 应用图标
• 应用启动图

一、应用标识

• 1.1. Android应用标识
  Android应用标识在对应的Android目录下：Android/app/build.gradle

  • applicationId：是打包时的应用标识，我们可以根据自己公司的要求来改
    

    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打开来进行修改）

  WechatIMG11.jpeg
  WechatIMG10.jpeg

二、应用名称

• 2.1. Android应用名称
  Android应用名称在对应的Android目录下：android/app/src/main/AndroidMainifest.xml
android:label
  

  

• 2.2. iOS应用名称，在对应的iOS目录下：ios/Runner/Info.plist（可以通过Xcode打开来进行修改）
  

  iOS应用名字

三、应用图标

建议让UI设计师做一张 1024x1024 我们来用 图标工厂 来一键生成 iOS 和 安卓的应用图标

图标工厂生成的 iOS 和 Android 的图标

• 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*800
    • ldpi-screen 200*320
    • mdpi-screen 320*480
    • xhdpi-screen 720*1280
    • xxhdpi-screen 960*1600
    • xxxhdpi-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，并且添加约束

    适配起动图