Flutter之启动图片、启动图标、应用名称等

作者: aries 分类: Flutter 发布时间: 2019-05-07 22:42 ė 3600次浏览 6 0评论

用Flutter开发一个APP上线需要在IOS以及安卓平台添加对应的启动图及logo,在此做一个记录,记录一下各种图片的尺寸以及设置的方式!

一. 启动图标

Android平台

48x48、72x72、96x96、144x144、192x192

要修改"ic_launcher.png"的文件名,请同时修改AndroidManifest.xml中android:icon="@mipmap/ic_launcher"对应的名称,不需要带扩展名!

iOS

20@1x、20@2x、20@3x 29@1x、29@2x、29@3x 40@1x、40@2x、40@3x 60@2x、60@3x 76@1x、76@2x 83.5@2x 1024@1x

如果要修改"Icon-App*.png"的文件名称,同时也要修改Contents.json中的对应的文件名!

二. 启动图片

Android

320 x 480、480 x 800、720 x 1280、1080 x 1920、3840×2160

要设置Android版App的启动图片,首先要打开android\app\src\main\res\drawable\launch_background.xml

取消item段的注释,修改后文件内容如下:

准备如下几种尺寸的图片

密度 mdpi hdpi xhdpi xxhdpi xxxhdpi
代表分辨率 320 x 480 480 x 800 720 x 1280 1080 x 1920 3840×2160

把图片命名为"launch_image.png"分别放入对应的文件夹中,如果要修改launch_image.png的文件名,同时也要修改上面xml文件中的"launch_image"为对应的文件名,不需要扩展名!

关于背景颜色,这个也是研究了一段时间,因为Android自带的颜色只有white和black。

想自定义颜色,翻了很多资料才找到设置的方法。

需要把原来的 @android:color/white"中的android:去掉即可。

去掉以后为

<item android:drawable="@color/orange" />

其中orange是自定义的颜色。

首先需要在android\app\src\main\res\values下新建一个colors.xml文件,

内容为

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="orange">#FFAB40</color>
    <color name="transparent">#00000000</color>
</resources>

中间的resources就是自己想要添加的颜色。定义好以后就可以在launch_background.xml中引用了。

iOS

640x1136、1242x2208、1242x2688

如果要修改"LaunchImage*.png"的文件名,同时也要修改Contents.json中对应的文件名!

三. 包名

Android的包名是在android\app\src\main\AndroidManifest.xml 中修改package="xxx.xxx.xxx"

以及在android\app\src\build.gradle中修改applicationId "xxx.xxx.xxx";

并且需要修改android\app\src\main\......\MainActivity.java对应的包路径

iOS 在 ios\Runner\Info.plist 中修改CFBundleIdentifier对应的Value

不推荐修改包名,包名最好在项目开始时定下...之后修改可能会出点什么小问题...

四. 应用名称

Android的包名是在android\app\src\main\AndroidManifest.xml 中修改android:label="XXX"

iOS 在ios\Runner\Info.plist 中修改CFBundleName对应的Value

0 flutter
换一个
暂无评论
Ɣ回顶部