首页 > 代码库 > 轻松学习Ionic （四） 修改应用图标及启动画面
轻松学习Ionic （四） 修改应用图标及启动画面
应用图标：
1.在整个项目所在文件夹下创建res文件夹，里边再分别创建两个文件夹android和ios。
2.针对Android平台：将我们的要替换的启动图标放如android文件夹下。可以分别起名为：mdpi.png(48*48),hdpi(72*72)、xhdpi(96*96)、xxhdpi(144*144) 和 xxxhdpiI(192*192)。
针对ios的，待补充。
3.在config.xml中添加
<platform name="android">
<icon src=http://www.mamicode.com/"res/android/ldpi.png" density="ldpi" />
<icon src=http://www.mamicode.com/"res/android/mdpi.png" density="mdpi" />
<icon src=http://www.mamicode.com/"res/android/hdpi.png" density="hdpi" />
<icon src=http://www.mamicode.com/"res/android/xhdpi.png" density="xhdpi" />
</platform>
其中src中的图片路径就为整个项目的相对路径。我这里偷了个懒，只搞了一个最高像素密度的应用图标（192px*192px）进去，安卓会自动进行压缩。 这里顺便说一下如果要修改应用的名称，只要修改name标签里的内容即可。
这样在命令行中重新运行ionic run android，就能看到应用图标和名字已经被替换了。启动画面：将启动画面的图片拷贝到之前的android文件夹下，splash-land-hdpi.png（640*480）splash-land-ldpi.png（426 × 320）splash-land-mdpi.png（470 × 320）splash-land-xhdpi.png（960 × 720）splash-port-hdpi.png（480*640）splash-port-ldpi.png（320*426）splash-port-mdpi.png（320*470）splash-port-xhdpi.png（720*960）
（名称可随意，只要和config.xml对应上即可）。 在config.xml中添加<splash src=http://www.mamicode.com/"res/screen/android/splash-land-hdpi.png" density="land-hdpi"/>
<splash src=http://www.mamicode.com/"res/screen/android/splash-land-ldpi.png" density="land-ldpi"/>
<splash src=http://www.mamicode.com/"res/screen/android/splash-land-mdpi.png" density="land-mdpi"/>
<splash src=http://www.mamicode.com/"res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/>
<splash src=http://www.mamicode.com/"res/screen/android/splash-port-hdpi.png" density="port-hdpi"/>
<splash src=http://www.mamicode.com/"res/screen/android/splash-port-ldpi.png" density="port-ldpi"/>
<splash src=http://www.mamicode.com/"res/screen/android/splash-port-mdpi.png" density="port-mdpi"/>
<splash src=http://www.mamicode.com/"res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/>
<preference name="SplashScreen" value=http://www.mamicode.com/"screen"/> <preference name="SplashScreenDelay" value=http://www.mamicode.com/"10000" /> 其中10000单位为毫秒，即10秒后隐藏启动画面。如果不写第三句，默认3秒隐藏。如下图所示：
我这里没有那么多分辨率下的图片，就随便找了一个稍大分辨率的，density也没写。它会自动将该图片拷贝到drawable文件夹。这时候再重新运行程序，即可看到启动画面。用以上的方法，启动画面的显示时长是固定的，很明显不太友好。未完持续...轻松学习Ionic （四） 修改应用图标及启动画面
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。