用phonegap的同学可能会发现,在app被启动起来之前会有一段时间的空白界面。空白界面出现是因为web view里面的东西还没有被载入。这时如果能加入splash screen,用户体验会好很多。
用splash andriod phonegap 这样的关键词能搜到很多解决这个问题的文章。比如说http://blog.assortedgarbage.com/2011/02/adding-a-splash-screen-for-android-using-phonegap/
但是经过试验,我发现那些文章提到的方法都不好用。。。splash screen确实会出现,但是它出现以后界面会黑一下,然后才是web页面。无论
super.loadUrl(“file:///android/www/index.html”, 1000)
复制代码
参数里面的delay 时间加到多长。
看过phonegap的代码,
super.setIntegerProperty(“splashscreen”,
R.drawable.splash)
复制代码
实际上干的事情是 1. 把appview的背景颜色设透明。 2. 把appview的背景设成指定的图片。 然后在web页面被load成功以后,将appview的背景删去。 界面会黑一下的原因我觉得是它删的太早了。
所以加splash screen,并且不黑的最终解决方案:
1. 在activity的onCreate方法中。 loadUrl之前加上
this.appView.setBackgroundColor(0);
this.appView.setBackgroundResource(R.drawable.splashscreen)
复制代码
第一句是把背景色设成透明。 第二句是设置背景为指定的图片(参数即为想要的图片)
2. 在js代码中。当所有的该load的东西全部load成功以后,将要显示web页面之前。把页面背景色设为白色(或其他颜色)
$(‘body’).css(‘background’,'white’);
复制代码
参考链接:http://bbs.phonegapcn.com/thread-49-1-1.html
分享到:
相关推荐
使用phonegap框架开发android应用程序,免不了需要涉及js与java原生代码的交互,自定义phonegap插件可以满足这个需求。 在本教程中,介绍了怎么使用phonegap插件跳转到另一个Android Activity
App42-Android-Push-Sample-Using-PhoneGap关于申请此应用程序展示了如何在 PhoneGap Android 应用程序中使用 App42 JavaScript API 集成 PushNotification。 我们如何使用 App42 JavaScript PushNotification API ...
作为 apk 的 Plone 站点(带有 PhoneGap 的 Android 应用程序)。 详细来说,这是一个 。 要求 安装了最新的版本。 使用创建的 Plone 站点。 您需要一个可访问的 IP 或域名。 例如,我们假设您的本地实例在 IP 为...
科尔多瓦插件startapp 用于检查或启动其他应用程序的Phonegap插件,可在phonegap应用程序中获取其他功能。 最新版本6.1.6 添加支持Java 1.6 添加支持Java 1.7 添加完整的支持activityForResult,sendBroadcast和...
LumSites Mobile LumSites,移动方式 快速开始 首先,和第2步中的移动应用程序安装Phonegap。... 启动手机中先前安装的Phonegap应用程序。 启动phonegap serve时,在提供的URL上连接到远程服务器。
用于与remintalist服务器通信的Phonegap应用程序npm install -g phonegap phonegap platform add android phonegap platform add ios bower install phonegap serve或phonegap run android在设备/模拟器上启动
启动Navigator Cordova / Phonegap插件 Cordova / Phonegap插件,用于启动当今最流行的导航/骑乘应用程序以导航到目的地。 平台:Android,iOS和Windows。 主要特征: 单一,干净的API,抽象出每个第三方应用程序的...
努力使用“ phonegap run android”启动并运行模拟器。 最终,它在Android Studio上启动并运行,这是我以前做不到的。 我现在正在尝试使用React在首页上创建一个div。 目前没有出现。 我发现了有关“ adb logcat”...
开机启动器设备启动时自动启动Apache Cordova Android应用。安装分叉此存储库在src/android/BootLauncher.java第13行中,将uk.co.ilee.CordovaApp.class替换为[YOUR_APP_ID].CordovaApp.class 。 YOUR_APP_ID是您在...
并执行命令 cordova platform add browser --usegit####4) 现在执行以下命令 cordova run browser此命令将导致应用程序在您的 Google Chrome 上启动在 Android 上测试应用要求您在计算机上安装 Android SDK ####1) ...
螳螂CI This app is not affiliated with Travis CI:trade_mark:. Travis CI is the registered trademark of 'Travis CI GmbH'.... 然后运行npm start (或foreman start )启动应用程序,然后打开 (或 )
基于 jQuery Mobile 和 Cordova PhoneGap 的应用程序模板,具有 Android Holo 风格的界面。特征基于 jQuery Mobile 和 Cordova PhoneGap 的应用程序模板。 Android Holo Theme(浅色主题,深色动作条)。 Holo 样式...
通过 Intent Action 在 android 设备中启动应用程序的插件。 Go to your project directory and run the commands below:- CORDOVA PROJECTTo install plugin:cordova plugin add "git url"To remove plugin:...
此仓库包含示例项目,这些示例项目说明了如何使用在iOS,Android和Windows上启动本机导航应用程序,以获取到所需位置的行车路线。 目录 正在下载 要下载示例,请使用git复制存储库: $ git clone ...
Phonegap 项目启动器 对于 android,您需要安装 android SDK 并在您的路径中。 最简单的方法是使用 。 从 git clone 设置目录结构 以反向域格式在 gruntfile 和 app/config.xml 顶部设置应用程序名称 运行npm ...
NativeApp 使用传统原生态Android SDK来实现的应用 WebApp 基于浏览器来实现的一种应用 HybridApp 一种可以下载的Native App,其用户界面的全部或者部分元素在嵌入式浏览器组件(WebView之类的)里面运行 优雅降级...
原生应用是指那些用iOS或Android SDK编写的应用,而混合应用则是原生代码和web内容交互的应用,如Phonegap。 测试脚本编写:开发人员可以使用各种编程语言(如Java、Python、Ruby等)编写测试脚本,以自动化测试移动...
通过这样的链接启动您的应用程序: mycoolapp:// 适用于iOS和Android的 此仓库适用于PhoneGap 3.0.0及更高版本 对于PhoneGap 2.9.0及更低版本,请 2. 2.2. 1.说明 此插件可让您通过使用mycoolapp://path?foo=bar类...
@Hung Phan @url: 特征- 基于 jQuery Mobile 1.4 和 Cordova PhoneGap 3.3 的应用程序模板。 - 吐司消息。 - 分享意图。 - 主页按钮模拟器。 要求Android 4.0.0 (API 14) 及更高版本。 它是一个 Eclipse 项目,因此...
你好 ProximityKit Cordova/PhoneGap概述此 Cordova 应用程序演示了如何在自己的项目中使用 Radius Networks ProximityKit Cordova/PhoneGap 插件。设置该项目包含在 iOS 和 Android 上构建“Hello Beacon”Cordova ...