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

目录
相关文章
|
22天前
|
存储 调度 数据安全/隐私保护
鸿蒙Flutter实战:13-鸿蒙应用打包上架流程
鸿蒙应用打包上架流程包括创建应用、打包签名和上传应用。首先,在AppGallery Connect中创建项目、APP ID和元服务。接着,使用Deveco进行手动签名,生成.p12和.csr文件,并在AppGallery Connect中上传CSR文件获取证书。最后,配置签名并打包生成.app文件,上传至应用市场。常见问题包括检查签名配置文件是否正确。参考资料:[应用/服务签名](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-signing-V5)。
52 3
鸿蒙Flutter实战:13-鸿蒙应用打包上架流程
|
3月前
|
传感器 缓存 监控
Stream 组件在 Flutter 中的应用场景有哪些?
Stream 组件在 Flutter 中的应用场景有哪些?
182 58
|
2月前
|
移动开发 Dart 搜索推荐
打造个性化安卓应用:从零开始的Flutter之旅
【10月更文挑战第20天】本文将引导你开启Flutter开发之旅,通过简单易懂的语言和步骤,让你了解如何从零开始构建一个安卓应用。我们将一起探索Flutter的魅力,实现快速开发,并见证代码示例如何生动地转化为用户界面。无论你是编程新手还是希望扩展技能的开发者,这篇文章都将为你提供价值。
|
26天前
|
存储 Dart
Flutter&鸿蒙next 实现一个计算器应用
本文介绍了如何使用 Flutter 创建一个简单的计算器应用,包括基本的加减乘除运算。文章详细讲解了界面布局、计算逻辑和状态管理的实现步骤,通过具体的代码示例展示了如何构建计算器界面、处理用户输入和显示计算结果。
71 0
|
26天前
|
传感器 开发框架 物联网
鸿蒙next选择 Flutter 开发跨平台应用的原因
鸿蒙(HarmonyOS)是华为推出的一款旨在实现多设备无缝连接的操作系统。为了实现这一目标,鸿蒙选择了 Flutter 作为主要的跨平台应用开发框架。Flutter 的跨平台能力、高性能、丰富的生态支持和与鸿蒙系统的良好兼容性,使其成为理想的选择。通过 Flutter,开发者可以高效地构建和部署多平台应用,推动鸿蒙生态的快速发展。
170 0
|
2月前
|
缓存 监控 前端开发
怎样提升 Flutter 应用的性能
【10月更文挑战第4天】
|
3月前
|
开发框架 搜索推荐 开发工具
打造个性化安卓应用:从零开始的Flutter之旅
【8月更文挑战第51天】本文是一篇面向初学者的Flutter入门教程,旨在通过简单易懂的语言和实际代码示例,引导读者步入跨平台移动应用开发的世界。文章首先介绍了Flutter的基本概念和优势,然后逐步展示了如何搭建开发环境、创建第一个Flutter应用,并实现了一个简单的待办事项列表。最后,文章探讨了Flutter在实现高性能和美观界面方面的潜力,鼓励读者发挥创意,探索更多可能。
87 15
|
3月前
|
Oracle Java 关系型数据库
Mac电脑上安装和配置Flutter开发环境
Mac电脑上安装和配置Flutter开发环境
59 3
|
3月前
|
JSON Dart Java
flutter开发多端平台应用的探索
flutter开发多端平台应用的探索
53 6
|
3月前
|
JSON Dart Java
flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)
flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)