Oejia 技术栈
首页
分享
微信模块
关于
编辑器
登录
Cordova设置应用图标icon和启动页面SplashScreen
on 2014-12-15
Cordova通过配置CLI (config.xml) 来实现应用图标和启动展示图片页面 ### 应用图标icon ```xml <icon src="res/icon.png" /> ``` ### 启动页面SplashScreen 在使用SplashScreen之前需要给项目添加splashscreen插件 ``` > cordova plugin add org.apache.cordova.splashscreen ``` 基本示例 ```xml <platform name="android"> <icon src="res/android/ldpi.png" density="ldpi" /> <icon src="res/android/mdpi.png" density="mdpi" /> <icon src="res/android/hdpi.png" density="hdpi" /> <icon src="res/android/xhdpi.png" density="xhdpi" /> </platform> ``` 目前(Cordova 3.5.0)已经支持的平台 > * android > * ios > * wp8 > * windows8 > * blackberry10 多平台与多分辨率 ```xml <platform name="android"> <!-- you can use any density that exists in the Android project --> <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/> <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/> <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/> <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/> <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/> <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/> <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/> <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/> </platform> <platform name="ios"> <!-- images are determined by width and height. The following are supported --> <splash src="res/screen/ios/Default~iphone.png" width="320" height="480"/> <splash src="res/screen/ios/Default@2x~iphone.png" width="640" height="960"/> <splash src="res/screen/ios/Default-Portrait~ipad.png" width="768" height="1024"/> <splash src="res/screen/ios/Default-Portrait@2x~ipad.png" width="1536" height="2048"/> <splash src="res/screen/ios/Default-Landscape~ipad.png" width="1024" height="768"/> <splash src="res/screen/ios/Default-Landscape@2x~ipad.png" width="2048" height="1536"/> <splash src="res/screen/ios/Default-568h@2x~iphone.png" width="640" height="1136"/> <splash src="res/screen/ios/Default-667h.png" width="750" height="1334"/> <splash src="res/screen/ios/Default-736h.png" width="1242" height="2208"/> <splash src="res/screen/ios/Default-Landscape-736h.png" width="2208" height="1242"/> </platform> <platform name="wp8"> <!-- images are determined by width and height. The following are supported --> <splash src="res/screen/wp8/SplashScreenImage.jpg" width="768" height="1280"/> </platform> <platform name="windows8"> <!-- images are determined by width and height. The following are supported --> <splash src="res/screen/windows8/splashscreen.png" width="620" height="300"/> </platform> <platform name="blackberry10"> <!-- Add a rim:splash element for each resolution and locale you wish --> <!-- http://developer.blackberry.com/html5/documentation/rim_splash_element.html --> <rim:splash src="res/screen/windows8/splashscreen.png"/> </platform> <preference name="SplashScreenDelay" value="10000" /> ``` 初始化完成后隐藏Splash画面 ```js document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { navigator.splashscreen.hide(); } ``` ###参考地址 [官方说明](http://cordova.apache.org/docs/en/edge/config_ref_images.md.html#Icons%20and%20Splash%20Screens) ### 注意 以上图像的路径都是相对于工程根目录而非www
Information
Cordova设置应用图标icon和启动页面SplashScreen
http://www.oejia.net/article/e2d4a356a894e4b30d13cc614ff9a82c
http://www.oejia.net/raw/e2d4a356a894e4b30d13cc614ff9a82c
on 2014-12-15
Category
移动开发
Tag
HTML5
Related
2016-04-20 :
Python 相关
2021-08-25 :
Odoo 小程序商城融合Odoo POS的一体化会员系统
2023-08-27 :
处理 Error Failed to download metadata for repo ‘appstream‘ Cannot prepare internal mirrorlist
2019-01-30 :
Odoo后端性能优化之—取消当访问页面404时对ir.attachment表的查询
2021-09-28 :
OE 商城销售资料汇集
2019-12-28 :
Odoo 企业微信客户端模块 Oejia_mobile 使用说明
2016-02-23 :
YouMd 基本使用说明
2017-11-02 :
巧用 Odoo act_window 的 flags实现一些个性化的视图控制
2022-12-29 :
在 Odoo 中使用 WebSocket 并兼容Odoo的Session会话识别
2017-11-02 :
Odoo 常用的一些内置对象
分类
(23)
Django (3)
DjangoX (13)
JS (2)
Nginx (1)
Odoo (126)
Python (1)
YouMd (3)
公告说明 (2)
前端 (2)
后端HTTP (7)
异常处理 (1)
桌面UI (1)
移动开发 (4)
官方公众号
关注公众号实时咨询我们
About This Entry
Cordova配置config.xml详解
Mole概述(基于Bottle的超轻量级web基础架子)
About This Blog
main index
to find recently
archives
to find all
标签
微信模块发布记录
微信模块
小程序商城
Web
Http
客服系统
HTML5
审批OA
OE商城
Markdown
DjangoX
oeshop
服系统
解析
Excel
YouPBX
markdown
PyQT
md
Python
示例
最近发布
处理 Error Failed to download metadata for repo ‘appstream‘ Cannot prepare internal mirrorlist
Odoo 16 关键变化 change the term "acquirer" to "provider"
企业微信错误码 81013 的排查与处理
Odoo商城模块 Oejia_weshop v1.1 发布,支持Odoo16及下单子账号特性
微信模块 Oejia_wx v0.6.7 发布,支持 Odoo16 及新的Websocket消息模式
Odoo16 开启客屏时如何实现在POS设备上自动打开到第二屏
Odoo生产环境需要注意或修改的一些关键配置项
Odoo 更灵活的对账、付款及客户余额的介绍
Odoo16 SyntaxError
Friend Links
Oejia技术梦博客分享
YouMd,爱上MarkDown
Mole轻量级wsgi架子