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

目录
相关文章
|
10天前
|
传感器 缓存 监控
Stream 组件在 Flutter 中的应用场景有哪些?
Stream 组件在 Flutter 中的应用场景有哪些?
156 58
|
15天前
|
开发框架 搜索推荐 开发工具
打造个性化安卓应用:从零开始的Flutter之旅
【8月更文挑战第51天】本文是一篇面向初学者的Flutter入门教程,旨在通过简单易懂的语言和实际代码示例,引导读者步入跨平台移动应用开发的世界。文章首先介绍了Flutter的基本概念和优势,然后逐步展示了如何搭建开发环境、创建第一个Flutter应用,并实现了一个简单的待办事项列表。最后,文章探讨了Flutter在实现高性能和美观界面方面的潜力,鼓励读者发挥创意,探索更多可能。
65 15
|
16天前
|
Oracle Java 关系型数据库
Mac电脑上安装和配置Flutter开发环境
Mac电脑上安装和配置Flutter开发环境
37 3
|
22天前
|
JSON Dart Java
flutter开发多端平台应用的探索
flutter开发多端平台应用的探索
27 6
|
22天前
|
JSON Dart Java
flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)
flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)
|
1月前
|
Web App开发 开发工具 Android开发
【Flutter】Flutter安装和配置(mac)
【Flutter】Flutter安装和配置(mac)
|
1月前
|
编解码 Dart 网络协议
Flutter如何玩转超低延迟RTSP/RTMP播放,跨平台视频流体验大升级,让你的应用秒变直播神器!
【9月更文挑战第3天】Flutter作为谷歌推出的跨平台移动UI框架,凭借高性能和丰富的生态系统广受好评。本文详细介绍如何在Flutter应用中实现低延迟的跨平台RTSP/RTMP播放,并提供具体示例代码。首先介绍了如何使用`flutter_vlc_player`播放RTSP流,然后讨论了优化视频播放以降低延迟的方法,包括调整播放器配置等。通过选用合适的播放器插件并进行优化,Flutter可在视频流播放领域提供卓越的用户体验。随着生态的发展,Flutter有望成为视频流媒体开发的首选框架。
129 6
|
1月前
|
Dart 搜索推荐 API
打造个性化天气应用:从零开始的Flutter之旅
【9月更文挑战第3天】探索Flutter的强大功能,我们将一步步构建一个动态的天气应用。通过这个实践项目,你将学习到如何从无到有地设计用户界面、处理数据流和集成第三方API。本指南适合所有水平的开发者,无论你是Flutter新手还是寻求提高的资深开发者,都能在这里找到价值。让我们开始吧,创造属于你的天气小助手!
|
2月前
|
搜索推荐 IDE 开发工具
打造个性化安卓应用:从零开始的Flutter之旅
在数字时代的浪潮中,拥有一款个性化且高效的移动应用已成为许多创业者和企业的梦想。本文将引导你使用Flutter框架,从零基础开始构建一个安卓应用,不仅涉及界面设计、功能实现,还包括性能优化的关键技巧。通过简洁易懂的语言和实用的代码示例,我们将一起探索如何让你的应用在众多竞争者中脱颖而出。 【8月更文挑战第31天】
|
2月前
|
存储 开发工具 Android开发
打造你的专属安卓应用:从零开始的Flutter之旅
【8月更文挑战第31天】在数字时代的浪潮中,拥有一款属于自己的应用不仅是梦想的启航,也是技术实力的展现。本文将引导你使用Flutter框架,轻松步入安卓应用的开发世界。无论你是编程新手还是希望拓展技能边界的开发者,跟随这篇指南,你将学会如何搭建开发环境、设计用户界面,并实现基本功能。让我们一起探索代码的力量,开启一段创造之旅吧!
下一篇
无影云桌面