百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

Flutter 日记 | 修改 App 图标、名称、启动页

yuyutoo 2024-10-12 01:56 7 浏览 0 评论

一、移动端 Icon 替换

1. Android 修改应用图标

通过 Android Studio 打开 Flutter 中 android Module,右键选择 “New ===> Image Asset”:



随后打开对应 Icon,调整大小:



此时会自动为你在不同的分辨率下生成对应的 Icon:



调整 AndroidManifest 文件:

<application
        android:name="io.flutter.app.FlutterApplication"
        android:icon="@mipmap/ic_launcher"
        android:label="studyapp"
        android:roundIcon="@mipmap/ic_launcher_round"> <!-- 添加对于圆形 Icon 支持 -->

运行 Flutter 到 Android 设备查看效果即可:



2. iOS 修改应用图标

找了个图标生成网站:

  • icon.wuruihong.com/

上传对应的 Icon 选择生成的一些基本参数,这里感觉默认就够用了:



随后选择默认开始生成:



随后查看效果,生成速度很快~



接下来用 Xcode 打开对应的 ios module,替换对应资源:

下载已生成的图标,选取 iOS 图标资源复制到以下地址中:

  • ios ===> Runner ===> Assets.xcassets ===> AppIcon.appiconset

随后替换 Contents.json 文件即可。

运行查看效果:



俩者一对比,还是 Android 好,哈哈哈~

二、移动端启动页处理

1. Android 修改启动页

Step 1:为 Android Style 中新增全屏样式:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- Fullscreen Style -->
    <style name="FullScreenTheme" parent="@android:style/Theme.Black.NoTitleBar">
        <item name="android:windowFullscreen">true</item>
    </style>

    <!-- Theme applied to the Android Window while the process is starting -->
    <style name="LaunchTheme" parent="FullScreenTheme">
        <!-- Show a splash screen on the activity. Automatically removed when
             Flutter draws its first frame -->
        <item name="android:windowBackground">@drawable/launch_background</item>
    </style>
    <!-- Theme applied to the Android Window as soon as the process has started.
         This theme determines the color of the Android Window while your
         Flutter UI initializes, as well as behind your Flutter UI while its
         running.
         
         This Theme is only used starting with V2 of Flutter's Android embedding. -->
    <style name="NormalTheme" parent="FullScreenTheme">
        <item name="android:windowBackground">@android:color/white</item>
    </style>
</resources>

查看下面截图可看详细目录地址:



Step 2:修改 launch_background 文件

先把 UI 给你提供的启动页图片对应的放在 drawable 中。

随后开启定义你的启动页图片:

<?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="fill"
            android:src="@drawable/launch_image" />
    </item>
</layer-list>

Step 3:运行查看效果

效果如下,我这是随便反编译一个 Apk 拿到的启动图:



2. iOS 修改启动页

这块我觉得 iOS 还蛮不错的,很 easy,替换下面的三张图就好:


效果都一样,这里就不放置效果图咯。

有个坑点就是少用模拟器,模拟器运行发现会有较长一段时间白屏,实际运行真机则没有这个问题。郁闷了我。

三、修改应用名称

1. 修改 Android 应用名称

按照如下地址,打开 AndroidManifest 并修改 application 节点下的 android:label 内容即可:

  • android ===> app ===> src ===> main ===> AndroidManifest

2. 修改 iOS 应用名称

按照如下地址修改 info.plist 中的 CFBundleName 值:

  • ios ===> Runner ===> Info.plist ===> CFBundleName

最后

Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心,但很多Flutter兴趣爱好者进阶学习缺少资源,今天我把搜集和整理的这份学习资源分享给有需要的人,若是有所需要,麻烦各位转发一下(可以帮助更多的人看到哦!),记得一定要关注+转发,然后私信@芜湖Android“Flutter”,即可回复免费下载的方式!!如果是需要Android开发进阶的资源,则可以私信“Android开发”领取。

以下是部分内容展示:

Flutter

Android


也希望 Flutter 生态越来越好 (flutter开发App效率真的很高,开发体验也是很好的 )。

相关推荐

墨尔本一华裔男子与亚裔男子分别失踪数日 警方寻人

中新网5月15日电据澳洲新快网报道,据澳大利亚维州警察局网站消息,22岁的华裔男子邓跃(Yue‘Peter’Deng,音译)失踪已6天,维州警方于当地时间13日发布寻人通告,寻求公众协助寻找邓跃。华...

网络交友须谨慎!美国犹他州一男子因涉嫌杀害女网友被捕

伊森·洪克斯克(图源网络,侵删)据美国广播公司(ABC)25日报道,美国犹他州一名男子于24日因涉嫌谋杀被捕。警方表示,这名男子主动告知警局,称其杀害了一名在网络交友软件上认识的25岁女子。雷顿警...

一课译词:来龙去脉(来龙去脉 的意思解释)

Mountainranges[Photo/SIPA]“来龙去脉”,汉语成语,本指山脉的走势和去向,现比喻一件事的前因后果(causeandeffectofanevent),可以翻译为“i...

高考重要考点:range(range高考用法)

range可以用作动词,也可以用作名词,含义特别多,在阅读理解中出现的频率很高,还经常作为完形填空的选项,而且在作文中使用是非常好的高级词汇。...

C++20 Ranges:现代范围操作(现代c++白皮书)

1.引言:C++20Ranges库简介C++20引入的Ranges库是C++标准库的重要更新,旨在提供更现代化、表达力更强的方式来处理数据序列(范围,range)。Ranges库基于...

学习VBA,报表做到飞 第二章 数组 2.4 Filter函数

第二章数组2.4Filter函数Filter函数功能与autofilter函数类似,它对一个一维数组进行筛选,返回一个从0开始的数组。...

VBA学习笔记:数组:数组相关函数—Split,Join

Split拆分字符串函数,语法Split(expression,字符,Limit,compare),第1参数为必写,后面3个参数都是可选项。Expression为需要拆分的数据,“字符”就是以哪个字...

VBA如何自定义序列,学会这些方法,让你工作更轻松

No.1在Excel中,自定义序列是一种快速填表机制,如何有效地利用这个方法,可以大大增加工作效率。通常在操作工作表的时候,可能会输入一些很有序的序列,如果一一录入就显得十分笨拙。Excel给出了一种...

Excel VBA入门教程1.3 数组基础(vba数组详解)

1.3数组使用数组和对象时,也要声明,这里说下数组的声明:'确定范围的数组,可以存储b-a+1个数,a、b为整数Dim数组名称(aTob)As数据类型Dimarr...

远程网络调试工具百宝箱-MobaXterm

MobaXterm是一个功能强大的远程网络工具百宝箱,它将所有重要的远程网络工具(SSH、Telnet、X11、RDP、VNC、FTP、MOSH、Serial等)和Unix命令(bash、ls、cat...

AREX:携程新一代自动化回归测试工具的设计与实现

一、背景随着携程机票BU业务规模的不断提高,业务系统日趋复杂,各种问题和挑战也随之而来。对于研发测试团队,面临着各种效能困境,包括业务复杂度高、数据构造工作量大、回归测试全量回归、沟通成本高、测试用例...

Windows、Android、IOS、Web自动化工具选择策略

Windows平台中应用UI自动化测试解决方案AutoIT是开源工具,该工具识别windows的标准控件效果不错,但是当它遇到应用中非标准控件定义的UI元素时往往就无能为力了,这个时候选择silkte...

python自动化工具:pywinauto(python快速上手 自动化)

简介Pywinauto是完全由Python构建的一个模块,可以用于自动化Windows上的GUI应用程序。同时,它支持鼠标、键盘操作,在元素控件树较复杂的界面,可以辅助我们完成自动化操作。我在...

时下最火的 Airtest 如何测试手机 APP?

引言Airtest是网易出品的一款基于图像识别的自动化测试工具,主要应用在手机APP和游戏的测试。一旦使用了这个工具进行APP的自动化,你就会发现自动化测试原来是如此简单!!连接手机要进行...

【推荐】7个最强Appium替代工具,移动App自动化测试必备!

在移动应用开发日益火爆的今天,自动化测试成为了确保应用质量和用户体验的关键环节。Appium作为一款广泛应用的移动应用自动化测试工具,为测试人员所熟知。然而,在不同的测试场景和需求下,还有许多其他优...

取消回复欢迎 发表评论: