一、端 Icon 替换
1. Andid 修改应用标
通过 Andid Studio 打开 Flutter 中 andid Module,右键选择 “New ===> Ige Asset”:
随后打开对应 Icon,调整大小:
此时会自动为你在不同的分辨率下生成对应的 Icon:
调整 AndidManifest 文件:
<lication andid:name="" andid:icon="@mipp/ic_lncher" andid:label="study" andid:undIcon="@mipp/ic_lncher_und"> <!-- 添加对于圆形 Icon 支持 -->
运行 Flutter 到 Andid 设备查看效果即可:
2. iOS 修改应用标
找了个标生成:
上传对应的 Icon 选择生成的一些基本参数,这里感觉默认就够用了:
随后选择默认开始生成:
随后查看效果,生成速度很快~
接下来用 Xcode 打开对应的 ios module,替换对应资源:
已生成的标,选取 iOS 标资源到以下地址中:
- ios ===> Runner ===> >
随后替换 Contents.json 文件即可。
运行查看效果:
俩者一对比,还是 Andid 好,哈哈哈~
二、端启动页处理
1. Andid 修改启动页
Step 1:为 Andid Style 中全屏样式:
<?xml version="1.0" encoding="utf-8"?> <resoces> <!-- Fullscreen Style --> <style name="FullScreenTheme" parent="@andid:style"> < name="andid:windowFullscreen">true</> </style> <!-- Theme lied to the Andid Window while the pcess is starting --> <style name="LnchTheme" parent="FullScreenTheme"> <!-- Show a splash screen on the activity. Autotically removed when Flutter draws its first frame --> < name="andid:windowBackgund">@drawable/lnch_backgund</> </style> <!-- Theme lied to the Andid Window as soon as the pcess has started. This theme determines the color of the Andid Window while yo Flutter UI initializes, as well as behind yo Flutter UI while its running. This Theme is only used starting with V2 of Flutter's Andid embedding. --> <style name="NorlTheme" parent="FullScreenTheme"> < name="andid:windowBackgund">@andid:color/white</> </style> </resoces>
查看下面截可看详细目录地址:
Step 2:修改 lnch_backgund 文件
先把 UI 给你提供的启动页对应的放在 drawable 中。
随后开启定义你的启动页:
<?xml version="1.0" encoding="utf-8"?><!-- Modify this file to customize yo lnch splash screen --> <layer-list xmlns:andid=""> < andid:drawable="@andid:color/white" /> <!-- You can yo own ige assets here --> <> <bitp andid:gravity="fill" andid:src="@drawable/lnch_ige" /> </> </layer-list>
Step 3:运行查看效果
效果如下,我这是随便反编译一个 Apk 拿到的启动:
2. iOS 修改启动页
这块我觉得 iOS 还蛮不错的,很 easy,替换下面的三张就好:
效果都一样,这里就不放置效果咯。
有个坑点就是少用模拟器,模拟器运行发现会有较长一段时间白屏,实际运行真机则没有这个问题。郁闷了我。
三、修改应用名称
1. 修改 Andid 应用名称
按照如下地址,打开 AndidManifest 并修改 lication 节点下的 andid:label 内容即可:
- andid ===> ===> src ===> in ===> AndidManifest
2. 修改 iOS 应用名称
按照如下地址修改 中的 CFBundleName 值:
- ios ===> Runner ===> > CFBundleName
后
以下是部分内容展示:
Flutter
Andid
也希望 Flutter 生态越来越好 (flutterApp效率真的很高,体验也是很好的 )。