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 里面设置

    
       
    
         
    
               
               
    
    

    我们可以进行如下修改:

    • 第一步:将对应的启动图片,添加到对应的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文件如下:

      
      
      
           
      
           
               
           
      
      
  • 4.2、iOS 应用启动图
    iOS需要两步来完成:

    • 第一步:将启动图片添加到资源依赖中

      放置三张图片
    • 第二步:在LaunchScreen.storyboard中,添加一个ImageView,并且添加约束

      适配起动图

你可能感兴趣的:(Day17 - Flutter - 应用信息配置)