ios cordova 白屏ios 端 怎么禁止启动页显示

下面教程介绍了如何利用web技术从零开始开发到上线一个IOS应用。采用cordova框架初始化项目,放入需要打包的页面,再用XCode运行项目,构建打包,就得到一个IOS应用。
开发IOS前提是要有一台mac电脑,然后在app store下载安装最新版Xcode
进入下载安装,建议安装最新稳定版终端运行结果如下,证明安装成功
$node -vv8.1.2
在终端运行,全局安装cordova,保证兼容性问题,最好安装7.0版本
$sudo npm install -g cordova@7.0$cordova -v7.0.0
进入一个目录,运行
$cordova create hello com.example.hello HelloWorld$cordova platforms add ios
将需要打包的html代码放置到 www下,或者可以将项目用svn导入,然后执行下面命令可以将代码自动复制到 /platforms/ios/www中(为了配合安卓项目一块使用)$cordova prepare
使用xcode打开项目/platforms/ios/xx.xcodeproj,连接苹果手机(也可以打开模拟器),右上角device选择当前手机或者ipad,点开general,填写signing,到注册一个苹果开发者账号,添加到signing中,点击右上角运行按钮,或者快捷键cmd + R,即可在手机上看到打包好的app,已经成功了一大半了。修改/platforms/ios/www/index.html内容,再打包试下
打开当前根目录下config.xml,在最下面添加下面代码即可解决页面滑动时,页面上下会脱离APP视图。然后再执行$cordova prepare命令,使配置生效(相当于覆盖ios目录下面的config.xml文件)
name="WebViewBounce" value="false" /& name="DisallowOverscroll" value="true" /&
把文件MainViewController.m中的方法viewWillAppear改成下面这样,如果要往上顶20像素,可以把20改为-20
- (void)viewWillAppear:(BOOL)animated{// View defaults to full size.
If you want to customize the view's size, or its subviews (e.g. webView),// you can do so here.//Lower screen 20px on ios 7if ([[[UIDevice currentDevice] systemVersion] floatValue] &= 7) {
CGRect viewBounds = [self.webView bounds];
viewBounds.origin.y = 20;
viewBounds.size.height = viewBounds.size.height - 20;
self.webView.frame = viewB}[super viewWillAppear:animated];}
执行命令,添加插件cordova plugin add cordova-plugin-splashscreen,然后在/platforms/ios/app名字/config.xml中,添加
name="AutoHideSplashScreen" value="true" /& name="SplashScreenDelay" value="1000" /&
如果要在app中嵌入外链显示,需要在/platforms/ios/app名字/config.xml中,添加
href="*"/& href="*"/&
系统所在图片地址/platforms/ios/xxx/Images.xcassets/,AppIcon.appiconset里面放着所有不同大小启动图标图片,LaunchImage.launchimage里面放着为所有启动图片,最好全部替换
根据具体需求安装对应插件,比如QQ,微信,微博登录分享,调用支付宝支付,调用系统自带相机,消息推送,获取设备信息等,下面介绍几个常用的插件使用办法
cordova plugin add jpush-phonegap-plugin --variable APP_KEY=your_jpush_appkey
插件配置:1、进入,注册账号密码,申请一个app,并且通过企业认证2、极光推送中需要安装证书,参考3、启动极光推送,项目js中添加以下代码,具体设置window.plugins.jPushPlugin.startJPushSDK()
js启动极光推送服务window.plugins.jPushPlugin.getRegistrationID(function(data) {
获取用户Registration ID
console.log("JPushPlugin:registrationID is " + data)})
QQ分享,微信分享,微博分享
进入,找到对应插件查看文档安装(cordova-plugin-wechat cordova-plugin-qqsdk cordova-plugin-weibosdk jpush-phonegap-plugin参考api安装)
常用插件安装,可以参考
让app直接运行外部服务器下的网址,方便调试。直接在/platforms/ios/app名字/config.xml中,修改content配置信息,比如我们的web应用运行在本机3000端口上,地址可以改为本机ip加端口号方式,并且手机跟电脑连在同一wifi下
src="http://172.16.20.58:3000/" /&
1、填好相关信息
2、注册苹果证书,信息太长,参考博文
3、往苹果商店打包:product -& archive -& upload to app store -& 上传成功 -& 进入填好相关基本信息,介绍图片等,再点击发布app,等待审核结果,一般首次3~7天,再次审核2天左右。
注意:如果官网找不到上传的APP,请检查证书是否有问题,或者app信息是否填写有误,或者App不合规范,一般会给你发邮件告知具体问题。
下一篇将介绍如何从开发到上线一个安卓应用!在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
cordova ios 端
怎么禁止启动页显示
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
用js隐藏splash启动画面不行么?navigator.splashscreen.hide()设置FadeSplashScreen为false或者是0, splash delay还是会为3秒.
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
找到类似下面代码,更改:
&widget ...&
&content src="startPage.html"&&/content&
原文档,。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
iOS的App不能禁止启动页,相反每个App必须提供相应尺寸的启动图,这个是强制要求的,不能禁止。你见过哪个iOS的App没有启动页?
同步到新浪微博
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。Nothing at All,http://www.gongjuji.net/
cordova-plugin-splashscreen设置启动页面和图标
一、在App中对于应用图标可以直接修改res/icon/xxx下的png图片就可以了。
对于程序启动页面(注:一张png图片),在deviceready之前会一直显示这张图片,如果不设置的话在App启动的时候闪一下白屏。如果想修改启动图片需要安装:cordova-plugin-splashscreen
安装命令:
cordova plugin add cordova-plugin-splashscreen
cordova plugin add https://github.com/apache/cordova-plugin-splashscreen.git二、cordova-plugin-splashscreen的常用配置
1.对于启动页内容制定需要在config.xml中手动修改,制定在res/screnns/xxx的png图片,注:目前要求是png图片,如果不是生成失败。
&platform name="android"&
&icon density="ldpi" src="res/icon/android/drawable-ldpi/icon.png" /&
&icon density="mdpi" src="res/icon/android/drawable-mdpi/icon.png" /&
&icon density="hdpi" src="res/icon/android/drawable-hdpi/icon.png" /&
&icon density="xhdpi" src="res/icon/android/drawable-xhdpi/icon.png" /&
&icon density="xxhdpi" src="res/icon/android/drawable-xxhdpi/icon.png" /&
&!-- 以下是欢迎页面,可根据需要进行添加 --&
&splash density="land-hdpi" src="res/screen/android/splash-land-hdpi.png" /&
&splash density="land-ldpi" src="res/screen/android/splash-land-ldpi.png" /&
&splash density="land-mdpi" src="res/screen/android/splash-land-mdpi.png" /&
&splash density="land-xhdpi" src="res/screen/android/splash-land-xhdpi.png" /&
&splash density="port-hdpi" src="res/screen/android/splash-port-hdpi.png" /&
&splash density="port-ldpi" src="res/screen/android/splash-port-ldpi.png" /&
&splash density="port-mdpi" src="res/screen/android/splash-port-mdpi.png" /&
&splash density="port-xhdpi" src="res/screen/android/splash-port-xhdpi.png" /&
&/platform&
&platform name="ios"&
&!-- iOS 8.0+ --&
&!-- iPhone 6 Plus
&icon src="res/icon/ios/icon-60@3x.png" width="180" height="180" /&
&!-- iOS 7.0+ --&
&!-- iPhone / iPod Touch
&icon src="res/icon/ios/icon-60.png" width="60" height="60" /&
&icon src="res/icon/ios/icon-60@2x.png" width="120" height="120" /&
&!-- iPad --&
&icon src="res/icon/ios/icon-76.png" width="76" height="76" /&
&icon src="res/icon/ios/icon-76@2x.png" width="152" height="152" /&
&!-- iOS 6.1 --&
&!-- Spotlight Icon --&
&icon src="res/icon/ios/icon-40.png" width="40" height="40" /&
&icon src="res/icon/ios/icon-40@2x.png" width="80" height="80" /&
&!-- iPhone / iPod Touch --&
&icon src="res/icon/ios/icon.png" width="57" height="57" /&
&icon src="res/icon/ios/icon@2x.png" width="114" height="114" /&
&!-- iPad --&
&icon src="res/icon/ios/icon-72.png" width="72" height="72" /&
&icon src="res/icon/ios/icon-72@2x.png" width="144" height="144" /&
&!-- iPhone Spotlight and Settings Icon --&
&icon src="res/icon/ios/icon-small.png" width="29" height="29" /&
&icon src="res/icon/ios/icon-small@2x.png" width="58" height="58" /&
&!-- iPad Spotlight and Settings Icon --&
&icon src="res/icon/ios/icon-50.png" width="50" height="50" /&
&icon src="res/icon/ios/icon-50@2x.png" width="100" height="100" /&
&!-- 以下是欢迎页面,可根据需要进行添加 --&
&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&2.自动隐藏(默认为:true)
&preference name="AutoHideSplashScreen" value="true" /&3.启动页显示时长(默认:3000毫秒)
&preference name="SplashScreenDelay" value="3000" /&4.淡入淡出效果
FadeSplashScreen默认为:true,启用淡入淡出,
FadeSplashScreenDurantion默认:500,渐变时长&preference name="FadeSplashScreen" value="false"/&&preference name="FadeSplashScreenDuration" value="750"/&5.启动页是否允许旋转(默认:true)
&preference name="ShowSplashScreenSpinner" value="false"/&6.js调用,显示,隐藏,一般用不到
navigator.splashscreen.hide();//隐藏启动页面
navigator.splashscreen.show();//显示启动页面三、图标、启动页文件夹位置/图片尺寸
不同尺寸图片的生成工具:
1.文件位置
projectRoot
ios1.应用图标尺寸对应
安卓图标具体规格如下(存放目录:res/icon/android/)
drawable-ldpi/icon.png
drawable-mdpi/icon.png
drawable-hdpi/icon.png
drawable-xhdpi/icon.png
drawable-xxhdpi/icon.png
iOS图标具体规格如下(存放目录:res/icon/ios/)
114*114 icon@2x.png
icon-small.png
icon-small@2x.png
icon-40.png
icon-40@2x.png
icon-50.png
100*100 icon-50@2x.png
icon-60.png
120*120 icon-60@2x.png
180*180 icon-60@3x.png
icon-72.png
144*144 icon-72@2x.png
icon-76.png
152*152 icon-76@2x.png
2.应用程序启动页尺寸对应
安卓启动画面具体规格如下(存放目录:res/screen/android/)
960*720 .png
640*480 .png
470*320 .png
426*320 .png
720*960 .png
480*640 .png
320*470 .png
320*426 .png
iOS启动画面具体规格如下(存放目录:res/screen/ios/)
320*480 Default~iphone.png
640*960 Default@2x~iphone.png
Default-Portrait~ipad.png
Default-Portrait@2x~ipad.png
Default-Landscape~ipad.png
Default-Landscape@2x~ipad.png
Default-568h@2x~iphone.png
Default-667h.png
Default-736h.png
Default-Landscape-736h.png
没有更多推荐了,
加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!cordova启动页面和图标的设置
config.xml配置
在cordova5.0版本以后,需要安装cordova-plugin-splashscreen插件以后才能修改和设置App的启动页面。
安装splashscreen插件:
cordova plugin add cordova-plugin-splashscreen
cordova plugin add https://github.com/apache/cordova-plugin-splashscreen.git基本配置然后在你的config.xml文件中,添加以下代码&platform name="android"&
&icon density="ldpi" src="res/icon/android/icon-36-ldpi.png" /&
&icon density="mdpi" src="res/icon/android/icon-48-mdpi.png" /&
&icon density="hdpi" src="res/icon/android/icon-72-hdpi.png" /&
&icon density="xhdpi" src="res/icon/android/icon-96-xhdpi.png" /&
&icon density="xxhdpi" src="res/icon/android/icon-144-xxhdpi.png" /&
&icon density="xxxhdpi" src="res/icon/android/icon-192-xxxhdpi.png" /&
&splash density="land-hdpi" src="res/screen/android/splash-land-hdpi.png" /&
&splash density="land-ldpi" src="res/screen/android/splash-land-ldpi.png" /&
&splash density="land-mdpi" src="res/screen/android/splash-land-mdpi.png" /&
&splash density="land-xhdpi" src="res/screen/android/splash-land-xhdpi.png" /&
&splash density="port-hdpi" src="res/screen/android/splash-port-hdpi.png" /&
&splash density="port-ldpi" src="res/screen/android/splash-port-ldpi.png" /&
&splash density="port-mdpi" src="res/screen/android/splash-port-mdpi.png" /&
&splash density="port-xhdpi" src="res/screen/android/splash-port-xhdpi.png" /&
&/platform&
&platform name="ios"&
&!-- iOS 8.0+ --&
&!-- iPhone 6 Plus
&icon src="res/icon/ios/icon-60@3x.png" width="180" height="180" /&
&!-- iOS 7.0+ --&
&!-- iPhone / iPod Touch
&icon src="res/icon/ios/icon-60.png" width="60" height="60" /&
&icon src="res/icon/ios/icon-60@2x.png" width="120" height="120" /&
&!-- iPad --&
&icon src="res/icon/ios/icon-76.png" width="76" height="76" /&
&icon src="res/icon/ios/icon-76@2x.png" width="152" height="152" /&
&!-- iOS 6.1 --&
&!-- Spotlight Icon --&
&icon src="res/icon/ios/icon-40.png" width="40" height="40" /&
&icon src="res/icon/ios/icon-40@2x.png" width="80" height="80" /&
&!-- iPhone / iPod Touch --&
&icon src="res/icon/ios/icon.png" width="57" height="57" /&
&icon src="res/icon/ios/icon@2x.png" width="114" height="114" /&
&!-- iPad --&
&icon src="res/icon/ios/icon-72.png" width="72" height="72" /&
&icon src="res/icon/ios/icon-72@2x.png" width="144" height="144" /&
&!-- iPhone Spotlight and Settings Icon --&
&icon src="res/icon/ios/icon-small.png" width="29" height="29" /&
&icon src="res/icon/ios/icon-small@2x.png" width="58" height="58" /&
&icon src="res/icon/ios/icon-small@3x.png" width="87" height="87" /&
&!-- iPad Spotlight and Settings Icon --&
&icon src="res/icon/ios/icon-50.png" width="50" height="50" /&
&icon src="res/icon/ios/icon-50@2x.png" width="100" height="100" /&
&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&其他配置自动隐藏启动页面AutoHideSplashScreen(默认为:true)
&preference name="AutoHideSplashScreen" value="true" /&显示启动页面的时间长度SplashScreenDelay(默认为:3000)
&preference name="SplashScreenDelay" value="3000" /&
若想禁用启动页面,可设置为:&preference name="SplashScreenDelay" value="0"/&
如果是iOS平台上想禁止启动页面,还需要添加&preference name="FadeSplashScreenDuration" value="0"/&启动页面淡入淡出的效果
是否显示淡入淡出效果FadeSplashScreen(默认为:true)
&preference name="FadeSplashScreen" value="false"/&
淡入淡出效果的执行时间长度FadeSplashScreenDuration(默认为:500)
&preference name="FadeSplashScreenDuration" value="750"/&
注意:FadeSplashScreenDuration时间是包含在SplashScreenDelay的时间里的。启动页面是否允许旋转(默认为:true)
&preference name="ShowSplashScreenSpinner" value="false"/&插件还可以通过js代码调用,提供有以下两个方法:
navigator.splashscreen.hide();//隐藏启动页面
navigator.splashscreen.show();//显示启动页面在Android平台下的特殊设置
&preference name="SplashMaintainAspectRatio" value="true|false" /&
&preference name="SplashShowOnlyFirstTime" value="true|false" /&
SplashMaintainAspectRatio:选填项,默认为false。当设置为true时,则不会拉伸图片来填充屏幕,会以图片原始比例显示图片。
SplashShowOnlyFirstTime:选填项,默认为true。当设置为false时,APP通过navigator.app.exitApp()代码退出app后,在下次打开APP时,还会显示启动页面。若为true时,就不会出现。图标文件夹内容根据上面的配置信息,你需要准备好你自己的app图标和启动画面png文件:存放路径不是以www文件夹为依据,而是以当前项目文件夹为依据projectRoot
ios应用程序图标安卓图标具体规格如下(存放目录:res/icon/android/)
icon-36-ldpi.png
icon-48-ldpi.png
icon-72-ldpi.png
icon-96-ldpi.png
icon-144-ldpi.png
icon-192-ldpi.pngiOS图标具体规格如下(存放目录:res/icon/ios/)
icon-small.png
icon-small@2x.png
icon-small@3x.png
icon-40.png
icon-40@2x.png
icon-50.png
icon-50@2x.png
icon-60.png
icon-60@2x.png
icon-60@3x.png
icon-72.png
icon-72@2x.png
icon-76.png
icon-76@2x.png应用程序启动页面安卓启动画面具体规格如下(存放目录:res/screen/android/)
splash-land-xhdpi.png
splash-land-hdpi.png
splash-land-mdpi.png
splash-land-ldpi.png
splash-port-xhdpi.png
splash-port-hdpi.png
splash-port-mdpi.png
splash-port-ldpi.pngiOS启动画面具体规格如下(存放目录:res/screen/ios/)
Default~iphone.png
Default@2x~iphone.png
Default-Portrait~ipad.png
Default-Portrait@2x~ipad.png
Default-Landscape~ipad.png
Default-Landscape@2x~ipad.png
Default-568h@2x~iphone.png
Default-667h.png
Default-736h.png
Default-Landscape-736h.png
没有更多推荐了,
加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!一、config.xml配置
在cordova5.0版本以后,需要安装cordova-plugin-splashscreen插件以后才能修改和设置App的启动页面。
安装splashscreen插件:
cordova plugin add cordova-plugin-splashscreen
cordova plugin add https://github.com/apache/cordova-plugin-splashscreen.git
然后在你的config.xml文件中,添加以下代码
&platform name=&android&&
&icon density=&ldpi& src=&res/icon/android/drawable-ldpi/icon.png& /&
&icon density=&mdpi& src=&res/icon/android/drawable-mdpi/icon.png& /&
&icon density=&hdpi& src=&res/icon/android/drawable-hdpi/icon.png& /&
&icon density=&xhdpi& src=&res/icon/android/drawable-xhdpi/icon.png& /&
&icon density=&xxhdpi& src=&res/icon/android/drawable-xxhdpi/icon.png& /&
&!-- 以下是欢迎页面,可根据需要进行添加 --&
&splash density=&land-hdpi& src=&res/screen/android/splash-land-hdpi.png& /&
&splash density=&land-ldpi& src=&res/screen/android/splash-land-ldpi.png& /&
&splash density=&land-mdpi& src=&res/screen/android/splash-land-mdpi.png& /&
&splash density=&land-xhdpi& src=&res/screen/android/splash-land-xhdpi.png& /&
&splash density=&port-hdpi& src=&res/screen/android/splash-port-hdpi.png& /&
&splash density=&port-ldpi& src=&res/screen/android/splash-port-ldpi.png& /&
&splash density=&port-mdpi& src=&res/screen/android/splash-port-mdpi.png& /&
&splash density=&port-xhdpi& src=&res/screen/android/splash-port-xhdpi.png& /&
&/platform&
&platform name=&ios&&
&!-- iOS 8.0+ --&
&!-- iPhone 6 Plus
&icon src=&res/icon/ios/icon-60@3x.png& width=&180& height=&180& /&
&!-- iOS 7.0+ --&
&!-- iPhone / iPod Touch
&icon src=&res/icon/ios/icon-60.png& width=&60& height=&60& /&
&icon src=&res/icon/ios/icon-60@2x.png& width=&120& height=&120& /&
&!-- iPad --&
&icon src=&res/icon/ios/icon-76.png& width=&76& height=&76& /&
&icon src=&res/icon/ios/icon-76@2x.png& width=&152& height=&152& /&
&!-- iOS 6.1 --&
&!-- Spotlight Icon --&
&icon src=&res/icon/ios/icon-40.png& width=&40& height=&40& /&
&icon src=&res/icon/ios/icon-40@2x.png& width=&80& height=&80& /&
&!-- iPhone / iPod Touch --&
&icon src=&res/icon/ios/icon.png& width=&57& height=&57& /&
&icon src=&res/icon/ios/icon@2x.png& width=&114& height=&114& /&
&!-- iPad --&
&icon src=&res/icon/ios/icon-72.png& width=&72& height=&72& /&
&icon src=&res/icon/ios/icon-72@2x.png& width=&144& height=&144& /&
&!-- iPhone Spotlight and Settings Icon --&
&icon src=&res/icon/ios/icon-small.png& width=&29& height=&29& /&
&icon src=&res/icon/ios/icon-small@2x.png& width=&58& height=&58& /&
&!-- iPad Spotlight and Settings Icon --&
&icon src=&res/icon/ios/icon-50.png& width=&50& height=&50& /&
&icon src=&res/icon/ios/icon-50@2x.png& width=&100& height=&100& /&
&!-- 以下是欢迎页面,可根据需要进行添加 --&
&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&
自动隐藏启动页面AutoHideSplashScreen(默认为:true)
&preference name=&AutoHideSplashScreen& value=&true& /&
显示启动页面的时间长度SplashScreenDelay(默认为:3000)
&preference name=&SplashScreenDelay& value=&3000& /&
若想禁用启动页面,可设置为:&preference name=&SplashScreenDelay& value=&0&/&
如果是iOS平台上想禁止启动页面,还需要添加&preference name=&FadeSplashScreenDuration& value=&0&/&
启动页面淡入淡出的效果
是否显示淡入淡出效果FadeSplashScreen(默认为:true)
&preference name=&FadeSplashScreen& value=&false&/&
淡入淡出效果的执行时间长度FadeSplashScreenDuration(默认为:500)
&preference name=&FadeSplashScreenDuration& value=&750&/&
注意:FadeSplashScreenDuration时间是包含在SplashScreenDelay的时间里的。
启动页面是否允许旋转(默认为:true)
&preference name=&ShowSplashScreenSpinner& value=&false&/&
插件还可以通过js代码调用,提供有以下两个方法:
navigator.splashscreen.hide();//隐藏启动页面
navigator.splashscreen.show();//显示启动页面
在Android平台下的特殊设置
&preference name=&SplashMaintainAspectRatio& value=&true|false& /&
&preference name=&SplashShowOnlyFirstTime& value=&true|false& /&
SplashMaintainAspectRatio:选填项,默认为false。当设置为true时,则不会拉伸图片来填充屏幕,会以图片原始比例显示图片。
SplashShowOnlyFirstTime:选填项,默认为true。当设置为false时,APP通过navigator.app.exitApp()代码退出app后,在下次打开APP时,还会显示启动页面。若为true时,就不会出现。
二、图标文件夹内容
根据上面的配置信息,你需要准备好你自己的app图标和启动画面png文件:
存放路径不是以www文件夹为依据,而是以当前项目文件夹为依据
projectRoot
应用程序图标
可通过一键生成多尺寸图标。
安卓图标具体规格如下(存放目录:res/icon/android/)
drawable-ldpi/icon.png
drawable-mdpi/icon.png
drawable-hdpi/icon.png
drawable-xhdpi/icon.png
drawable-xxhdpi/icon.png
iOS图标具体规格如下(存放目录:res/icon/ios/)
114*114 icon@2x.png
icon-small.png
icon-small@2x.png
icon-40.png
icon-40@2x.png
icon-50.png
100*100 icon-50@2x.png
icon-60.png
120*120 icon-60@2x.png
180*180 icon-60@3x.png
icon-72.png
144*144 icon-72@2x.png
icon-76.png
152*152 icon-76@2x.png
应用程序启动页面
安卓启动画面具体规格如下(存放目录:res/screen/android/)
960*720 splash-land-xhdpi.png
640*480 splash-land-hdpi.png
470*320 splash-land-mdpi.png
426*320 splash-land-ldpi.png
720*960 splash-port-xhdpi.png
480*640 splash-port-hdpi.png
320*470 splash-port-mdpi.png
320*426 splash-port-ldpi.png
iOS启动画面具体规格如下(存放目录:res/screen/ios/)
320*480 Default~iphone.png
640*960 Default@2x~iphone.png
Default-Portrait~ipad.png
Default-Portrait@2x~ipad.png
Default-Landscape~ipad.png
Default-Landscape@2x~ipad.png
Default-568h@2x~iphone.png
Default-667h.png
Default-736h.png
Default-Landscape-736h.png
阅读(...) 评论()}

我要回帖

更多关于 ios cordova 插件 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信