android+phonegap制作hybird app

来源：互联网发布：frontpage2003编译php 编辑：程序博客网时间：2024/04/29 20:22

首先介绍一下hybird app是什么，可以看这里：点击打开链接http://baike.baidu.com/view/8488720.htm?fr=aladdin

下面分成N步来介绍一个简单的hybird app的最核心的地方，Activity和DroidGap页面之间跳转和传参问题。

第一步，导入包，我用的是PhoneGap，导报如图所示：

第二步，建一个类，继承DroidGap，简单代码如下：

public class PhoneGap2Activity extends DroidGap {/** Called when the activity is first created. */String str;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);//解决黑屏问题super.init();this.appView.addJavascriptInterface(this, "js1");this.appView.setBackgroundResource(R.drawable.login);super.setIntegerProperty("splashscreen",R.drawable.login);//固定页脚this.getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);super.loadUrl("file:///android_asset/www/index.html",3000);}public void method(String str,String str1) {Intent intent = new Intent();intent.putExtra("name", str);intent.putExtra("pass", str1);intent.setClass(PhoneGap2Activity.this, TestActivity.class);startActivity(intent);finish();}}

这里调用了js1的javascript脚本，html中的js1脚本会调用这个类中的method（）方法，从而把参数从html传到Activity中。html代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>PhoneGap</title><script type="text/javascript" charset="utf-8" src="cordova.js"></script><link rel="stylesheet" type="text/css"href="css/jquery.mobile-1.3.2.min.css"><script type="text/javascript" charset="utf-8" src="js/jquery-1.6.4.min.js"></script><script type="text/javascript" src="js/jquery.mobile-1.3.2.min.js"></script></head><script type="text/javascript">$("#page").live("pagecreate",function(){$("#b").click(function() {js1.method($("#text1").val(),$("#text2").val());});});</script><body><div data-role="page" id="page"><div data-role="header" data-position="fixed" data-theme="a"><h1>标题</h1></div><div data-role="content"><h1>Hello World</h1><a id="b" data-role="button" >跳转到activity</a>用户名: <input type="text" id="text1" placeholder="输入内容" /> 密   码:<input type="text" id="text2" placeholder="输入内容" /></div><div data-role="footer"  data-position="fixed" data-theme="a"><h4>脚注</h4></div></div></body></html>

0 0