Flutter之启动图片、启动图标、应用名称等
用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