采用独立应用集成方式,hbuilder&&安卓原生交互一点经历
2016-08-30 17:45
281 查看
集成方式概述
独立应用集成方式:即Widget集成方式,开发者在集成后可在需要时启动HTML5+ SDK,显示指定目录下的5+ WebAPP单页面集成方式:即Webview集成方式,用户可在需要时显示一个支持5+扩展API的Webview页面。使用单页面方式集成5+ SDK,在页面内不能调用plus.webview的API创建新的页面,其他5+API的使用不受影响。
由于用户在开发APP首页时,使用了plus.webview.show(),只能采用独立应用集成方式。
导入范例
官方给的离线打包的实例,是HBuilder-Hello,从AndroidManifest.xml文件中可以看到,启动页面是hbuilder封装的Activity——–io.dcloud.PandoraEntry,这样的话,怎么和安卓原生部分交互啊。
android原生页面展示hbuilder页面
搜索了好久,找到了一条出路,使用官方上的SDK_WebApp.java。SDK_WebApp 源码
package io.dcloud; import android.app.Activity; import android.app.ProgressDialog; import android.content.Context; import android.content.Intent; import android.content.res.Configuration; import android.os.Bundle; import android.view.KeyEvent; import android.view.Menu; import android.view.View; import android.view.ViewGroup; import android.view.Window; import android.widget.FrameLayout; import io.dcloud.common.DHInterface.IApp; import io.dcloud.common.DHInterface.IApp.IAppStatusListener; import io.dcloud.common.DHInterface.ICore; import io.dcloud.common.DHInterface.ICore.ICoreStatusListener; import io.dcloud.common.DHInterface.IOnCreateSplashView; import io.dcloud.common.DHInterface.ISysEventListener.SysEventType; import io.dcloud.common.DHInterface.IWebview; import io.dcloud.common.DHInterface.IWebviewStateListener; import io.dcloud.feature.internal.sdk.SDK; /** * 本demo为以WebApp方式集成5+ sdk, */ public class SDK_WebApp extends Activity { boolean doHardAcc = true; EntryProxy mEntryProxy = null; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); if (mEntryProxy == null) { FrameLayout f = new FrameLayout(this); // 创建5+内核运行事件监听 WebappModeListener wm = new WebappModeListener(this, f); // 初始化5+内核 mEntryProxy = EntryProxy.init(this, wm); // 启动5+内核 mEntryProxy.onCreate(this, savedInstanceState, SDK.IntegratedMode.WEBAPP, null); setContentView(f); } } @Override public boolean onCreateOptionsMenu(Menu menu) { return mEntryProxy.onActivityExecute(this, SysEventType.onCreateOptionMenu, menu); } @Override public void onPause() { super.onPause(); mEntryProxy.onPause(this); } @Override public void onResume() { super.onResume(); mEntryProxy.onResume(this); } public void onNewIntent(Intent intent) { super.onNewIntent(intent); if (intent.getFlags() != 0x10600000) {// 非点击icon调用activity时才调用newintent事件 mEntryProxy.onNewIntent(this, intent); } } @Override protected void onDestroy() { super.onDestroy(); mEntryProxy.onStop(this); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { boolean _ret = mEntryProxy.onActivityExecute(this, SysEventType.onKeyDown, new Object[]{keyCode, event}); return _ret ? _ret : super.onKeyDown(keyCode, event); } @Override public boolean onKeyUp(int keyCode, KeyEvent event) { boolean _ret = mEntryProxy.onActivityExecute(this, SysEventType.onKeyUp, new Object[]{keyCode, event}); return _ret ? _ret : super.onKeyUp(keyCode, event); } @Override public boolean onKeyLongPress(int keyCode, KeyEvent event) { boolean _ret = mEntryProxy.onActivityExecute(this, SysEventType.onKeyLongPress, new Object[]{keyCode, event}); return _ret ? _ret : super.onKeyLongPress(keyCode, event); } public void onConfigurationChanged(Configuration newConfig) { try { int temp = this.getResources().getConfiguration().orientation; if (mEntryProxy != null) { mEntryProxy.onConfigurationChanged(this, temp); } super.onConfigurationChanged(newConfig); } catch (Exception e) { e.printStackTrace(); } } protected void onActivityResult(int requestCode, int resultCode, Intent data) { mEntryProxy.onActivityExecute(this, SysEventType.onActivityResult, new Object[]{requestCode, resultCode, data}); } } class WebappModeListener implements ICoreStatusListener, IOnCreateSplashView { Activity activity; View splashView = null; ViewGroup rootView; IApp app = null; ProgressDialog pd = null; public WebappModeListener(Activity activity, ViewGroup rootView) { this.activity = activity; this.rootView = rootView; } /** * 5+内核初始化完成时触发 */ @Override public void onCoreInitEnd(ICore coreHandler) { // 表示Webapp的路径在 file:///android_asset/apps/HelloH5 String appBasePath = "/apps/HelloH5"; // 设置启动参数,可在页面中通过plus.runtime.arguments;方法获取到传入的参数 String args = "{url:'http://www.baidu.com'}"; // 启动启动独立应用的5+ Webapp app = SDK.startWebApp(activity, appBasePath, args, new IWebviewStateListener() { // 设置Webview事件监听,可在监监听内获取WebIvew加载内容的进度 @Override public Object onCallBack(int pType, Object pArgs) { switch (pType) { case IWebviewStateListener.ON_WEBVIEW_READY: // WebApp准备加载事件 // 准备完毕之后添加webview到显示父View中, // 设置排版不显示状态,避免显示webview时html内容排版错乱问题 View view = ((IWebview) pArgs).obtainApp().obtainWebAppRootView().obtainMainView(); view.setVisibility(View.INVISIBLE); rootView.addView(view, 0); break; case IWebviewStateListener.ON_PAGE_STARTED: // 首页面开始加载事件 pd = ProgressDialog.show(activity, "加载中", "0/100"); break; case IWebviewStateListener.ON_PROGRESS_CHANGED: // WebApp首页面加载进度变化事件 if (pd != null) { pd.setMessage(pArgs + "/100"); } break; case IWebviewStateListener.ON_PAGE_FINISHED: // WebApp首页面加载完成事件 if (pd != null) { pd.dismiss(); pd = null; } // 页面加载完毕,设置显示webview // 如果不需要显示spalsh页面将此行代码移动至onCloseSplash事件内 app.obtainWebAppRootView().obtainMainView().setVisibility(View.VISIBLE); break; } return null; } }, this); app.setIAppStatusListener(new IAppStatusListener() { // 设置APP运行事件监听 @Override public boolean onStop() { // 应用运行停止时调用 rootView.removeView(app.obtainWebAppRootView().obtainMainView()); // TODO Auto-generated method stub return false; } @Override public void onStart() { // 独立应用启动时触发事件 } @Override public void onPause(IApp arg0, IApp arg1) { // WebApp暂停运行时触发事件 } }); } @Override public void onCoreReady(ICore coreHandler) { // 初始化5+ SDK, // 5+SDK的其他接口需要在SDK初始化后才能調用 SDK.initSDK(coreHandler); // 设置当前应用可使用的5+ API SDK.requestAllFeature(); } @Override public boolean onCoreStop() { // 当返回false时候回关闭activity return false; } // 在Widget集成时如果不需要显示splash页面可按照如下步骤操作 // 1 删除onCreateSplash方法内的代码 // 2 将5+mainView添加到rootview时将页面设置为不可见 // 3 在onCloseSplash方法中将5+mainView设置为可见 // 4 修改androidmanifest.xml文件 将SDK_WebApp的主题设置为透明 // 注意! // 如果不显示splash页面会造成用户点击后页面短时间内会没有变化, // 可能会给用户造成程序没响应的错觉, // 所以开发者需要对5+内核启动到5+应用页面显示之间的这段事件进行处理 @Override public Object onCreateSplash(Context pContextWrapper) { splashView = new FrameLayout(activity); splashView.setBackgroundResource(android.R.color.transparent); rootView.addView(splashView); return null; } @Override public void onCloseSplash() { rootView.removeView(splashView); } }
原生部分为hbuilder提供服务
通俗一点,就是如何让hbuilder调用Android原生部分提供的的方法?如果Android中单独展示一个网页(不采用框架),和服务器交互的话,可以通过webView.addJavascriptInterface,给服务器端传递一个对象,服务器端就和调用本地方法一样调用该对象的方法。可是通过SDK_WebApp.java加载hbuilder之后,没有找到传递JavaScriptInterface的地方,找找其他方法吧。下面是一个精简版的方法,public class SDK_WebApp extends Activity { private static SDK_WebApp context; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); context = this; ... } } public static void test() { System.out.println("xxxxx"); Toast.makeText(context, "test", Toast.LENGTH_SHORT).show(); } ...
index.html对应的代码如下:
... function getInfo() { var mainAct = plus.android.newObject("io.dcloud.SDK_WebApp"); plus.android.invoke(mainAct,"test"); } </script> </head> <body style="margin-top:200px"> <center> <button onclick="getInfo()">百度一下,你就知道</button> </center> </body> </html>
调用方法补充
上面讲了一个小李子是没有问题的,但是有时,我们很难做到将所有的方法都声明为static,我就想,hbuilder中是否可以随意创建一个使用Java编写的类的对象呢?官网api地址:
http://www.html5plus.org/doc/zh_cn/android.html
下面让咱们探究一下,这里仅仅写主要部分,其他部分请自行补充。
1.hbuilder调用没有参数Context的方法
hbuilder调用简单类方法。下面就Test写一个简单的例子。
package com.pansoft.oilgas.gaodenavigation; import android.widget.Toast; public class Test { public static void test(String params1, String params2) { System.err.println("test"); System.err.println(params1); System.err.println(params2); } public static void test(MainActivity mainActivity) { System.err.println("test(object)"); System.err.println(mainActivity); Toast.makeText(mainActivity, "xxxxxxxxxxxx", Toast.LENGTH_LONG).show(); } }
var testObject = plus.android.newObject("com.pansoft.oilgas.gaodenavigation.Test"); plus.android.invoke(testObject,"test","yyyy","zzzzzzz"); }
查看打印信息,ok,完全可以执行。
1.hbuilder调用含有参数Context的方法
function getInfo() { var mainActivity = plus.android.newObject("com.pansoft.oilgas.gaodenavigation.MainActivity"); var appInterface = plus.android.newObject("com.pansoft.oilgas.gaodenavigation.Test"); plus.android.invoke(appInterface,"test",mainActivity); }
这样吗?通过plus.android.newObject创建一个MainActivity对象,如果通过这个对象调用MainActivity中的static方法是ok的,但是作为参数传入其他Java对象(这里强调是使用原生开发的对象),就蔫了。
plus.android.importClass怎么样呢?
function getInfo() { <!--var mainActivity = plus.android.newObject("com.pansoft.oilgas.gaodenavigation.MainActivity");--> var mainActivity= plus.android.importClass("com.pansoft.oilgas.gaodenavigation.MainActivity"); var appInterface = plus.android.newObject("com.pansoft.oilgas.gaodenavigation.Test"); plus.android.invoke(appInterface,"test",mainActivity); }
也是不行啊!
在开发过程中,通常仅仅需要使用MainActivity,这里讲述一下,传递MainActivity对象
function getInfo() { var main = plus.android.runtimeMainActivity(); var appInterface = plus.android.newObject("com.pansoft.oilgas.gaodenavigation.Test"); plus.android.invoke(appInterface,"test",main); }
对于将main作为创建其他对象的参数也是ok的!
相关文章推荐
- 中国软件也应用"版权+服务"的定价方式
- 采用Web服务的应用集成
- 集成验证时IE采用Kerberos 还是NTLM验证方式?
- 数据持久化-存取方式总结&应用沙盒&文件管理NSFileManager
- Kettle 采用JNDI方式报Required subelement 'driver'
- Weblogic应用框架&weblogic应用部署组织方式
- Android安装应用后点击"打开"(Open)带来的问题及解决方式
- Android客户端采用Http 协议Post方式请求与服务端进行数据交互
- Android客户端采用Http 协议Post方式请求与服务端进行数据交互
- 五个值得学习的移动应用交互方式
- 采用Adobe Flex & AIR技术的经典应用
- 代理服务器设置 && PC上装载旧版本驱动程序 && 查看windows登陆记录 && WIN7上跳过从windows update获取驱动 && 在开始菜单添加应用快捷方式
- Struts1.2&Spring2.5&Hibernate3.2集成---全注解方式
- wcf数据访问采用集成验证方式导致客户端调用失败的解决方案(IIS7寄宿wcf)
- 采用SmtpClient方式发送邮件,如果服务器的名字中有中文,会报"在邮件标头中找到无效的字符”"错误
- 综合应用WPF/WCF/WF/LINQ之三:采用用代码创建的方式实现CheckListBox的CustomControl
- Struts1.2&Spring2.5&Hibernate3.2集成---非注解方式
- 应用集成的四种系统架构方式(系统分析师知识点)
- 几种典型的 iOS & Android 应用界面的交互框架各自的优缺点 -- 知乎 + Navigation Drawer
- 建图方式一 之 ”前向星“ BFS&&DFS 简单应用