`

phonegap android应用启动图片

阅读更多
用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拍照,图片保存应用

    在"PhoneGap拍照,图片保存应用"这个主题中,我们将探讨如何利用PhoneGap API调用Android设备的摄像头功能,并将拍摄的照片保存到应用内部。以下是一些关键的知识点: 1. **PhoneGap安装与配置**:首先,你需要在...

    phonegap android 录音照相录像 demo

    在这个“phonegap android 录音照相录像 demo”项目中,我们将会探讨如何使用PhoneGap在Android平台上实现录音、照相和录像功能。 1. PhoneGap基础知识: PhoneGap的核心是基于Apache Cordova,它提供了一个...

    phonegap android demo

    PhoneGap Android Demo是一个基于PhoneGap框架的Android应用示例,旨在帮助开发者理解如何在Android平台上使用PhoneGap技术来构建跨平台的移动应用。PhoneGap是一个开源的开发框架,它允许开发者使用HTML、CSS和...

    android之PhoneGap入门实例

    当应用启动时,PhoneGap会加载这个页面,并在设备的WebView组件中显示。这展示了PhoneGap如何将Web应用转换为原生应用的基本概念。 为了使这个入门实例更具实用性,我们可以扩展HelloWorld,添加PhoneGap的API调...

    android+Phonegap开发环境搭建

    Android Studio是Google官方提供的Android应用程序开发集成开发环境(IDE),它包含了所有必要的工具,如Android SDK,用于构建、调试和发布Android应用。访问Google的开发者网站,下载最新版本的Android Studio,并...

    phonegap在线更新插件(android)

    本插件专注于PhoneGap在Android平台上的在线更新功能,旨在解决一个特定的问题:即在Android 7.0及以上版本中,通过下载安装APK更新时可能出现的应用闪退现象。 在Android系统中,特别是从7.0版开始,谷歌引入了更...

    Phonegap Android 系统推送例子

    通过以上步骤,你将能够在PhoneGap Android应用中成功实现系统推送功能。在实际开发中,还需要注意兼容性问题,如不同Android版本的差异,以及在不同设备上的表现。同时,确保遵循最佳实践,保持代码整洁,以便于...

    android与phonegap混合开发之相互跳转

    本教程将深入探讨如何在Android应用中集成PhoneGap,并实现两者之间的相互跳转,同时传递参数。 首先,我们需要了解PhoneGap的基本概念。PhoneGap提供了一个桥梁,使得JavaScript能够调用设备的原生功能,如摄像头...

    phoneGap实现android程序开发代码

    在这个“phoneGap实现android程序开发代码”中,我们将探讨如何使用PhoneGap进行Android应用开发。 首先,我们需要安装PhoneGap的开发环境。这包括安装Java Development Kit (JDK),Android SDK,以及集成开发环境...

    phonegap调用android插件实现GPS定位

    总结,通过PhoneGap调用Android插件,我们可以轻松地在Web应用中实现GPS定位。不过,需要注意性能和用户隐私,确保应用既实用又友好。Location.Plugin.Demo可能是一个完整的示例项目,包含了上述所有步骤,你可以...

    phonegap+android--配置教程_files

    PhoneGap与Android的结合让开发者可以使用Web技术开发原生Android应用。配置PhoneGap Android项目涉及安装必要的开发环境,如JDK、Android Studio、Node.js,然后创建项目、配置项目、添加平台和插件,最后构建并...

    使用phonegap插件启动另一个Android Activity

    在某些情况下,我们需要利用 PhoneGap 的插件功能来实现与 Android 原生代码的交互,例如启动一个新的 Activity。在本教程中,我们将深入探讨如何使用 PhoneGap 插件启动另一个 Android Activity。 首先,确保你...

    phoneGap-Android开发环境搭建

    本教程将详细介绍如何搭建PhoneGap在Android平台上的开发环境,以便你可以开始利用Web技术进行Android应用的开发。 首先,我们需要安装Java Development Kit (JDK)。JDK是开发Android应用的基础,因为Android ...

    phonegap 安卓

    PhoneGap 是一个开源框架,它允许开发者使用HTML、CSS 和 JavaScript ...在"phonegepdemo"中,我们可以找到一个实际的PhoneGap Android应用实例,通过对该项目的学习,可以掌握PhoneGap的基本用法和Android项目结构。

    phonegap拍照的获取图片和设置问题

    这篇博客“phonegap拍照的获取图片和设置问题”可能会探讨如何在PhoneGap应用中集成这一功能,以及在实现过程中可能遇到的问题和解决方案。 首先,PhoneGap提供了`cordova-plugin-camera`插件,用于访问设备的...

    phonegap在android手机上webintent实现

    在Android平台上,PhoneGap通过一个WebView组件将网页内容展示在应用程序中,而WebView则可以与Android系统进行深度交互。本篇文章将详细讲解如何在PhoneGap应用中实现Android的WebIntent功能。 WebIntent是Android...

    Native+WebApp中Phonegap调用Android Activity

    在标题“Native+WebApp中Phonegap调用Android Activity”中,我们关注的是如何在PhoneGap应用中启动并交互Android的原生Activity。 在Android平台上,Activity是程序的基本单元,用于处理用户交互和展示UI。当...

    Android和PhoneGap打包本地网站和在线网站

    这个API允许应用启动设备的摄像头,拍摄照片或者选择已有的图片。使用方法如下: 1. 调用`navigator.camera.getPicture()`函数,传入回调函数来处理拍摄的照片。 2. 用户可以选择拍照或从相册选择图片,完成操作后,...

    android phonegap源码详解(二)

    在本篇《Android PhoneGap源码详解(二)》中,我们将深入探讨PhoneGap这一混合移动应用开发框架的内部机制,以及如何利用它来构建原生功能丰富的Android应用。PhoneGap是一个基于Apache Cordova的开源框架,允许...

Global site tag (gtag.js) - Google Analytics