android 一个activity配置多入口多个activity跳转

转载

mob64ca14137e4f 2024-08-11 11:12:19

文章标签 android html html页面 文章分类 Android 移动开发

本程序流程：程序启动-->testActivity--->phonegap2框架类--->index.html--->testActivity，主要实现activity与html页面的相互跳转，并实现传递参数的功能。

程序结构图：

android 一个activity配置多入口多个activity跳转_html页面

1.创建一个安卓项目，在该项目里面添加PhoneGap框架(具体步骤请点击查看)，我们知道我们在定义一个主界面的时候往往用的是Activity，这里我们先定义一个TestActivity，程

序代码如下：

1. package com.myphonegap;  
2.   
3. import android.app.Activity;  
4. import android.content.Intent;  
5. import android.os.Bundle;  
6. import android.view.View;  
7. import android.view.View.OnClickListener;  
8. import android.widget.Button;  
9. import android.widget.EditText;  
10. import android.widget.TextView;  
11.   
12. public class TestActivity extends Activity {  
13. private EditText edittext;  
14. private Button  button;  
15.   
16. @Override  
17. protected void onCreate(Bundle savedInstanceState) {  
18. // TODO Auto-generated method stub  
19. super.onCreate(savedInstanceState);  
20.         setContentView(R.layout.main);  
21.         edittext = (EditText) findViewById(R.id.EditText1);  
22.         button = (Button)findViewById(R.id.Button1);          
23. "color:#CC0000">// 接收html页面参数  
24. "name");  
25. "name");  
26. //将编辑框文本内容设置接收值  
27.         edittext.setText(str+str1);</span>  
28. //为按钮设置绑定事件  
29. new OnClickListener() {  
30. public void onClick(View v) {  
31. // 设置intent之间的跳转  
32. new Intent(TestActivity.this,  
33. class);  
34. //启动intent  
35.                 startActivity(intent);        
36.             }  
37.         });  
38.     }  
39. }

2.在PhoneGap2Activity里面，这个类继承的是DroidGap类，这样的话在这个activity里面就很容易跳转到一个html页面了。也就是说这个activity会跳转到

某个html页面里面。那么显示的就是跳转后html页面的内容了。我在思考怎样从跳转后的html页面回到TestActivity里面去呢，这里面就涉及到js调用java

的代码了，其实同过appView.addJavascriptInterface(obj,String str)增加一个js操作java的接口就可以了，第一个参数是类的实例，第二个参数时调用

该实例的js的名字。

下面是PhoneGap2Activity代码：

1. package com.myphonegap;  
2.   
3. import org.apache.cordova.DroidGap;  
4.   
5. import android.content.Intent;  
6. import android.os.Bundle;  
7.   
8. public class PhoneGap2Activity extends DroidGap {  
9. /** Called when the activity is first created. */  
10.     String str;  
11.   
12. @Override  
13. public void onCreate(Bundle savedInstanceState) {  
14. super.onCreate(savedInstanceState);  
15. super.loadUrl("file:///android_asset/www/index.html");  
16. //在该方法中增加js操作java的接口,this为当前对象，js1为操作java文件的javascript的名字  
17. <span style="color:#CC0000">               <strong> appView.addJavascriptInterface(this, "js1");</strong></span>  
18.     }  
19.   
20. public void method(String str,String str1) {  
21.   
22. new Intent();  
23. "name", str);  
24. "pass", str);  
25. this, TestActivity.class);  
26.         startActivity(intent);  
27.     }  
28. }

这时候会遇到黑屏问题：也就是当activity跳转到html之间的延迟时间，要解决这个问题，需要添加几句代码：

1. super.init();  
2. this.appView.setBackgroundResource(R.drawable.load);//设置背景图片  
3. super.setIntegerProperty("splashscreen",R.drawable.load ); //设置闪屏背景图片  
4. super.loadUrl("file:///android_asset/www/login.html",3000);    //经过测试3000毫秒比较合适

以上解决黑屏关键代码截图

android 一个activity配置多入口多个activity跳转_html页面_02

修改后的代码为：

1. package com.myphonegap;  
2.   
3. import org.apache.cordova.DroidGap;  
4.   
5. import android.content.Intent;  
6. import android.os.Bundle;  
7.   
8. public class PhoneGap2Activity extends DroidGap {  
9. /** Called when the activity is first created. */  
10.     String str;  
11.   
12. @Override  
13. public void onCreate(Bundle savedInstanceState) {  
14. super.onCreate(savedInstanceState);  
15. <pre name="code" class="java">       <span style="color:#CC0000">  super.init();  
16. this.appView.setBackgroundResource(R.drawable.load);//设置背景图片  
17. super.setIntegerProperty("splashscreen",R.drawable.load ); //设置闪屏背景图片  
18. super.loadUrl("file:///android_asset/www/login.html",3000); </span>   //经过测试3000毫秒比较合适  
19. //在该方法中增加js操作java的接口,this为当前对象，js1为操作java文件的javascript的名字  
20. this, "js1");  
21.     }  
22.   
23. public void method(String str,String str1) {  
24.   
25. new Intent();  
26. "name", str);  
27. "pass", str);  
28. this, TestActivity.class);  
29.         startActivity(intent);  
30.     }  
31. }

3.这个html页面就是跳转后的html页面，它通过定义的js函数直接调用java方法，通过js调用PhoneGap2Activity的method方法，从而实现html页面向

TestActivity跳转的功能。----注意引入的包

1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
2. <html>  
3. <head>  
4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
5. <title>PhoneGap</title>  
6. <span style="color:#CC0000"><script type="text/javascript" charset="utf-8" src="cordova.js"></script>  
7. <link rel="stylesheet" type="text/css"  
8. href="css/jquery.mobile-1.3.2.min.css">  
9. <script type="text/javascript" charset="utf-8" src="js/jquery-1.6.4.min.js"></script>  
10. <script type="text/javascript" src="js/jquery.mobile-1.3.2.min.js"></script</span>>  
11. </head>  
12. <script type="text/javascript">  
13.         $("#page").live("pagecreate",function(){  
14.             $("#b").click(function() {  
15. <span style="color:#CC0000">js1.method($("#text1").val(),$("#text2").val());</span>  
16.         });  
17.             });  
18. </script>  
19. <body>  
20. <div data-role="page" id="page">  
21. <div data-role="header" data-position="fixed">  
22. <h1>标题</h1>  
23. </div>  
24. <div data-role="content">  
25.   
26. <h1>Hello World</h1>  
27.   
28. <a id="b" data-role="button" >跳转到activity</a>  
29. <input type="text" id="text1" placeholder="输入内容" />  
30. <input type="text" id="text1" placeholder="输入内容" />  
31. </div>  
32. <div data-role="footer"  data-position="fixed">  
33. <h4>脚注</h4>  
34. </div>  
35. </div>  
36. </body>  
37. </html>

注:对于上面的的例子，如果用虚拟机调试，当虚拟机版本为2.3时，可能没有结果，程序并没有问题，因为这是该版本虚拟机的bug，将版本改为2.2就可以解

决这一bug。当然，如果你用手机调试的话，就没有问题了。

运行效果图:

初始化页面如下：

android 一个activity配置多入口多个activity跳转_html_03