Day17 - Flutter - 应用信息配置

简介: Day17 - Flutter - 应用信息配置

概述


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


一、应用标识



  • 1.1. Android应用标识Android应用标识在对应的Android目录下:Android/app/build.gradle
  • applicationId:是打包时的应用标识,我们可以根据自己公司的要求来改


image.png


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


image.png


image.png


二、应用名称



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



image.png

2.2. iOS应用名称,在对应的iOS目录下:ios/Runner/Info.plist(可以通过Xcode打开来进行修改)

image.png


三、应用图标



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

image.png


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


image.png

image.png

3.2、iOS应用图标


iOS的应用图标在ios/Runner/Assets.xcassets/AppIcon.appiconset中管理(可以直接打开Xcode将对应的图标拖入)


image.png

image.png

四、应用启动图



  • 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需要两步来完成:
  • 第一步:将启动图片添加到资源依赖中


image.png

第二步:在LaunchScreen.storyboard中,添加一个ImageView,并且添加约束


image.png

目录
相关文章
|
1月前
|
iOS开发 UED
Flutter 动态修改应用图标功能指南
探索Flutter中动态应用图标的实现方法,了解如何为用户提供独特体验,促进用户升级和应用内购买。
Flutter 动态修改应用图标功能指南
|
1月前
|
运维 监控 安全
应用研发平台EMAS常见问题之sophix ios flutter热更新如何解决
应用研发平台EMAS(Enterprise Mobile Application Service)是阿里云提供的一个全栈移动应用开发平台,集成了应用开发、测试、部署、监控和运营服务;本合集旨在总结EMAS产品在应用开发和运维过程中的常见问题及解决方案,助力开发者和企业高效解决技术难题,加速移动应用的上线和稳定运行。
77 0
|
1月前
|
运维 监控 定位技术
应用研发平台EMAS常见问题之flutter插件不支持自定义图标如何解决
应用研发平台EMAS(Enterprise Mobile Application Service)是阿里云提供的一个全栈移动应用开发平台,集成了应用开发、测试、部署、监控和运营服务;本合集旨在总结EMAS产品在应用开发和运维过程中的常见问题及解决方案,助力开发者和企业高效解决技术难题,加速移动应用的上线和稳定运行。
76 0
|
2月前
|
开发框架 开发者 UED
跨平台开发框架Flutter在移动应用开发中的应用与前景
【2月更文挑战第3天】本文将探讨跨平台开发框架Flutter在移动应用开发中的应用价值和未来发展前景。通过分析Flutter的特点和优势,以及其在实际项目中的应用案例,展示了Flutter在提升开发效率、降低成本、增强用户体验等方面的优势。同时,对Flutter在未来移动应用开发领域的发展趋势进行了展望,指出了其在日益激烈的市场竞争中的巨大潜力。
|
3月前
|
容器
Flutter笔记:Box协议的布局约束原理与应用
Flutter笔记:Box协议的布局约束原理与应用
48 0
|
3月前
|
Linux 开发者 iOS开发
Flutter笔记:桌面端应用多窗口管理方案
Flutter笔记:桌面端应用多窗口管理方案
116 0
|
3月前
|
SQL Dart 数据库
Flutter笔记: 在Flutter应用中使用SQLite数据库
Flutter笔记: 在Flutter应用中使用SQLite数据库
188 0
|
3月前
|
Dart 前端开发
Flutter笔记:绘图示例 - 一个简单的(Canvas )时钟应用
Flutter笔记:绘图示例 - 一个简单的(Canvas )时钟应用
76 0
|
3月前
|
编解码 缓存 调度
Flutter笔记:Flutter的应用生命周期状态(lifecycleState)管理
Flutter笔记:Flutter的应用生命周期状态(lifecycleState)管理
76 0
|
3月前
|
Dart 小程序 前端开发
WebSocket 解析与应用(包含web前端、服务端、小程序、dart/flutter中的用法)
WebSocket 解析与应用(包含web前端、服务端、小程序、dart/flutter中的用法)
195 0