phonegap

小白学phoneGap《构建跨平台APP:phoneGap移动应用实战》连载二(生命周期)

谁都会走 提交于 2019-12-06 15:55:47
1 什么是生命周期 想要真正地理解PhoneGap应用开发的内涵,首先需要理解什么是生命周期。这在字面上其实非常容易理解,一个应用从开始运行被手机加载到应用被退出之间的过程就称之为一个生命周期。为了使读者更容易理解,本节将以Android原生SDK中Activity类的生命周期结合Eclipse中的LogCat调试工具进行实战讲解。 4.1.1 Activity的生命周期 先仔细的观察图4-1的内容,这是谷歌官方给出的Activity生命周期流程图,它包括了一个安卓应用从被创建到结束时所经历的各种事件。下面是Activity生命周期中所经历的各个过程。 (1)启动Activity:系统将调用onCreate方法创建新的Activity对象,然后依次调用onStart方法和onResume方法使刚刚创建的Activity进入运行状态。 (2)暂停状态:当前的Activity被其他的Activity覆盖或手机锁屏,原Activity被放入后台,系统将调用onPause方法使Activity进入暂停状态。 (3)恢复状态:当处于暂停状态的Activity重新被运行时,系统将调用onResume方法使之重新回到运行状态。 (4)后台状态:当用户点击Home键返回主屏,Activity被保存在后台,系统将先调用onPause方法再调用onStop方法使Activity处于暂停状态。 (5

android phonegap插件开发方法 plugin

你。 提交于 2019-12-06 13:58:49
android phonegap插件开发方法 plugin 分类: phonegap 2014-03-03 22:41 5951人阅读 评论 (2) 收藏 举报 android phonegap 插件 plugins cordova 此篇文章以cordova 3.4版本编写 phonegap的插件开发 与javascript调用android的Activity功能,以及相互传递数据. 本节讲的是 自主编写 phonegap插件提供下载 据我总结核心步骤: 创建工程 ; 编写插件 ;编译工程; 调用插件; 按照如下步骤就能生产出代码: 打开cmd 控制台 1 使用命令行 建立phonegap工程 2 将工程导入 eclipse 3 在assents 目录下的 cordova-plugins.js文件添加配置 4 在plugin目录下编写javascript接口 5 在res/xml 目录下配置 config.xml 文件 6 在src目录下编写java文件 最后在javascript文件中调用接口 总体说 主要是后4个步骤详细分解讲解 接下来给大家分解演示: 目测大家都是已经安装好环境的,如果没有搭好环境 可以查看我的phonegap配置文章 点击打开链接 调用系统的API 官方文档地址 点击打开链接 <1> 在控制台 创建一个phonegap工程 命令如下 [java] view

为Phonegap Android平台增加websocket支持,使默认成为socket.io首选通

只谈情不闲聊 提交于 2019-12-06 12:17:03
为Phonegap Android平台增加websocket支持,使默认成为socket.io首选通道选择 广而告之 使用socket.io作为跨浏览器平台的实时推送首选,经测试在各个主流浏览器上测试都确实具有良好的下实时表现。这里为推广 socketio-netty 服务器端实现哈,做次广告,同时预热一下: socketio-netty : 又一款socket.io服务器端实现,兼容0.9-1.0版本~ 示范目的 我们要构建一个在市面上常见浏览器上都可以正常运行的集体聊天应用,保证在IE6+,Firefox,Chrome,Safari,Opear,IOS,Android等可以正常运转,根据具体环境自动选择最佳的通信通道。 嗯,既然是跨浏览器平台,那自然选择 socket.io(客户端js) 了。它也是本文的重心,本文的最终是让 socket.io(客户端js) 版本在Phonegap包装的Android Apk程序中可以使用Websocket协议,以达到快速交换数据的目的,提高交换性能。 同时也保证我们的示范应用尽可能的做到编写一次,到处运行哈。 还好,有了 socket.io(客户端js) + socketio-netty (socket.io服务器端JAVA实现) + Phonegap , 我们构建各种交互性非常强的的跨浏览器、跨移动应用的HTML应用,是个不错的选择。 另

Android - How to use Javascript in an Android WebView?

大兔子大兔子 提交于 2019-12-06 05:29:10
I have a problem in my Hybrid Android App.I need to have a WebView with an HTML and in this HTML I have a button. I have a layout with a WebView and I have a button inside the HTML, I'm trying to launch a second Activity with another screen(also a layout with a WebView) when the user click this button. My problem is that this button is not launching the second activity. I'm using Cordova. This is my layout( pruebas.xml ): <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height=

将jQuery的复选框设置为“已选中”?

别说谁变了你拦得住时间么 提交于 2019-12-06 02:38:34
我想做这样的事情来使用 jQuery 勾选一个 checkbox : $(".myCheckBox").checked(true); 要么 $(".myCheckBox").selected(true); 这样的事情存在吗? #1楼 如果您正在使用 PhoneGap 进行应用程序开发,并且要立即显示的按钮上有一个值,请记住要这样做 $('span.ui-[controlname]',$('[id]')).text("the value"); 我发现没有跨度,无论您做什么,界面都不会更新。 #2楼 我错过了解决方案。 我将始终使用: if ($('#myCheckBox:checked').val() !== undefined) { //Checked } else { //Not checked } #3楼 尝试这个: $('#checkboxid').get(0).checked = true; //For checking $('#checkboxid').get(0).checked = false; //For unchecking #4楼 这是没有jQuery的一种方法 function addOrAttachListener(el, type, listener, useCapture) { if (el.addEventListener) { el

cordova edit-config not updating AndroidManifest.xml

久未见 提交于 2019-12-05 22:06:25
I am trying to update the AndroidManifest.xml file with the following in config.xml: <platform name="android"> <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application"> <application android:icon="@mipmap/appicons" android:roundIcon="@mipmap/appicons_round" /> </edit-config> </platform> and it doesn't update anything. I tried to remove the full path and just leave it as file="app/src/main/AndroidManifest.xml" and that's also not working. I am using command line with Android 7.0.0 and I'm absolutely lost. Both config.xml and AndroidManifest.xml pass XML

windows phone使用cordova(phoneGap)开发(笔记)

走远了吗. 提交于 2019-12-05 20:04:26
使用cordova开发windows phone应用程序,先安装windows phone SDK。7或者8 下载cordova包: http://cordova.apache.org/ 解压,执行一下 createTemplates.bat 将生成的cordovaXXX.zip压缩包放入visual studio项目模板中: 启动vs,创建cordova项目。 安装cordova插件。安装插件需要先安装node.js和npm ,去node.js下载,并安装。 使用npm安装plugman: npm install -g plugman cd 到项目所在的目录,注意,是包含了.csproj文件的目录: cd "C:\Users\Administrator\Documents\Visual Studio 2010\Projects\Cordova\Cordova" plugman安装插件: C:\Users\Administrator\Documents\Visual Studio 2010\Projects\Cordova\Cordova> plugman install --plugin org.apache.cordova.file --project ./ --platform wp7 完成。 注意: 不要使用cordova的全局命令。那样总会出现乱码的错误

phoneGap结合android原生代码开发Menu

大憨熊 提交于 2019-12-05 19:42:32
版本:phoneGap 2.5.0 《phoneGap是什么我就不做解释了》 1.在主文件继承 DroidGap后添加如下代码:可以点进去看源代码: 看上图不用多说,如果你写过JAVA你应该明白一切了。 onCreateOptionsMenu() 点击菜单系统默认会调用此方法,传进去菜单你可以对其操作 onOptionsItemSelected() 选择某一个菜单系统会自动调用此方法 super.loadUrl("file:///android_asset/www/index.html"); 系统要显示/加载的页面 .... .. public class MainActivity extends DroidGap { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); super.setIntegerProperty("splashscreen", R.drawable.splash); super.loadUrl("file:///android_asset/www/index.html", 4500); } @Override public

Which event to listen to during inertia/momentum scroll on Cordova iOS w/ React

南笙酒味 提交于 2019-12-05 18:24:49
I have a React app running on iOS through cordova/phonegap. In one component, I have a toolbar that sticks to the top of the screen once you scroll past it: <div id="content">Some stuff in here</div> <div id="tool-bar"> <div class="tool">Tool 1</div> <div class="tool">Tool 2</div> </div> <div id="some-stuff-below-toolbar">Stuff</div> You get the picture. Whenever the user scrolls, the Y position is calculated, and if it's below the offset, the tool bar gets a class 'sticky' and CSS to fix it to the top: ReactJS: componentDidMount() { document.addEventListener('scroll', this.updateScrollY);

PhoneGap 3 在 Mac 上安装使用

拈花ヽ惹草 提交于 2019-12-05 13:32:30
1、下载安装 NodeJS 。 2、安装 PhoneGap。打开终端执行: $ sudo npm install -g phonegap 3、PhoneGap 3 不需要在Xcode中创建,而是在终端里用命令创建: $ phonegap create my-app $ cd my-app $ phonegap run ios/android 我的是Mac系统,最后要执行 phonegap run io s 4、这样,my-app项目platforms/ios文件夹下会有xcode的porject,可以用xcode打开。 来源: oschina 链接: https://my.oschina.net/u/252582/blog/173856