Android平臺(tái)以WebView方式集成HTML5+SDK方法

SDK

最新SDK下載地址

HTML5+ SDK 可以按照“獨(dú)立應(yīng)用”和“單頁面”兩種種方式進(jìn)行集成,兩種集成方式各有優(yōu)點(diǎn)宠漩。

獨(dú)立應(yīng)用集成方式:即Widget集成方式,開發(fā)者在集成后可在需要時(shí)啟動(dòng)HTML5+ SDK命爬,顯示指定目錄下的5+ WebAPP

單頁面集成方式:即Webview集成方式土匀,用戶可在需要時(shí)顯示一個(gè)支持5+擴(kuò)展API的Webview頁面。使用單頁面方式集成5+ SDK舱殿,在頁面內(nèi)不能調(diào)用plus.webview的API創(chuàng)建新的頁面奥裸,其他5+API的使用不受影響。

集成方法請參考SDK內(nèi)HBuilder-Integrate工程點(diǎn)擊下載最新SDK

集成步驟

一 將5+SDK導(dǎo)入現(xiàn)有原生工程

點(diǎn)擊下載最新 5+ SDK

開發(fā)者需要根據(jù)加載的HTML頁面中將要用到的5+API沪袭,將涉及的5+SDK的jar包和資源文件導(dǎo)入到現(xiàn)有的Android原生工程中湾宙,并根據(jù)需求修改工程的Androidmanifest.xml文件。

各API需要導(dǎo)入的資源和AndroidManifest.xml文件需要修改地方請點(diǎn)擊查看以下文檔

插件配置

推送插件配置

分享插件配置

授權(quán)登陸插件配置

地圖插件配置

支付插件配置

定位插件配置

二 5+SDK集成代碼編寫

1 創(chuàng)建一個(gè)繼承自ICoreStatusListener的類冈绊,并實(shí)現(xiàn)其中的方法侠鳄。

ICoreStatusListener類用來監(jiān)聽5+內(nèi)核的運(yùn)行事件,當(dāng)5+內(nèi)核運(yùn)行狀態(tài)發(fā)生變化時(shí)會(huì)觸發(fā)相應(yīng)的方法焚碌,包含以下幾個(gè)方法

void onCoreReady(ICore arg0)

說明:

5+內(nèi)核開始初始化時(shí)觸發(fā)

SDK的方法必須在調(diào)用SDK.init()之后才可以調(diào)用畦攘,在使用中通常在onCoreReady方法觸發(fā)時(shí)初始化5+SDK。

代碼示例:

@OverridepublicvoidonCoreReady(ICorecoreHandler){// 調(diào)用SDK的初始化接口十电,初始化5+ SDKSDK.initSDK(coreHandler);// 設(shè)置當(dāng)前應(yīng)用可使用的5+ APISDK.requestAllFeature();}

void onCoreInitEnd(ICore arg0)

說明:

5+內(nèi)核初始化完成時(shí)觸發(fā)

開發(fā)者要在5+內(nèi)核初始化完成才能調(diào)用SDK.startWebApp()等接口啟動(dòng)指定目錄下的5+Webapp

boolean onCoreStop()

說明:

5+內(nèi)核關(guān)閉時(shí)觸發(fā)

Object onCreateSplash(Context pContextWrapper)

說明:

Splash頁面創(chuàng)建時(shí)觸發(fā)

void onCloseSplash()

說明:

Splash頁面關(guān)閉時(shí)觸發(fā)

2 調(diào)用SDK.createWebview方法創(chuàng)建并啟動(dòng)5+ Webview

在5+內(nèi)核初始化完畢后可調(diào)用SDK.createWebview() 方法啟動(dòng)5+Webview知押,方法會(huì)創(chuàng)建并返回一個(gè)IWebview對象叹螟。

5+WebView創(chuàng)建后需要添加到要顯示該應(yīng)用的父View中。

在調(diào)用createWebview方法時(shí)需要傳入一個(gè)IWebviewStateListener用來監(jiān)聽頁面加載的進(jìn)度台盯。

IWebview對象創(chuàng)建成功后我們可以添加一個(gè)setOnKeyListener用來監(jiān)聽當(dāng)按鍵事件罢绽。

代碼示例

classWebviewModeListenerimplementsICoreStatusListener{IWebviewwebview=null;LinearLayoutbtns=null;Activityactivity=null;ViewGroupmRootView=null;publicWebviewModeListener(Activityactivity,ViewGrouprootView){this.activity=activity;mRootView=rootView;btns=newLinearLayout(activity);mRootView.setBackgroundColor(0xffffffff);mRootView.getViewTreeObserver().addOnGlobalLayoutListener(newOnGlobalLayoutListener(){@OverridepublicvoidonGlobalLayout(){webview.onRootViewGlobalLayout(mRootView);}});}@OverridepublicvoidonCoreInitEnd(ICorecoreHandler){//設(shè)置單頁面集成的appidStringappid="test1";// 單頁面集成時(shí)要加載頁面的路徑,可以是本地文件路徑也可以是網(wǎng)絡(luò)路徑Stringurl="file:///android_asset/apps/H5Plugin/www/index.html";webview=SDK.createWebview(activity,url,appid,newIWebviewStateListener(){@OverridepublicObjectonCallBack(intpType,ObjectpArgs){switch(pType){caseIWebviewStateListener.ON_WEBVIEW_READY:// 準(zhǔn)備完畢之后添加webview到顯示父View中静盅,設(shè)置排版不顯示狀態(tài)良价,避免顯示webview時(shí),html內(nèi)容排版錯(cuò)亂問題((IWebview)pArgs).obtainFrameView().obtainMainView().setVisibility(View.INVISIBLE);SDK.attach(mRootView,((IWebview)pArgs));break;caseIWebviewStateListener.ON_PAGE_STARTED:break;caseIWebviewStateListener.ON_PROGRESS_CHANGED:break;caseIWebviewStateListener.ON_PAGE_FINISHED:// 頁面加載完畢蒿叠,設(shè)置顯示webviewwebview.obtainFrameView().obtainMainView().setVisibility(View.VISIBLE);break;}returnnull;}});finalWebViewwebviewInstance=webview.obtainWebview();// 監(jiān)聽返回鍵webviewInstance.setOnKeyListener(newOnKeyListener(){@OverridepublicbooleanonKey(Viewv,intkeyCode,KeyEventevent){if(keyCode==KeyEvent.KEYCODE_BACK){if(webviewInstance.canGoBack()){webviewInstance.goBack();returntrue;}}returnfalse;}});}@OverridepublicvoidonCoreReady(ICorecoreHandler){try{SDK.initSDK(coreHandler);SDK.requestAllFeature();}catch(Exceptione){e.printStackTrace();}}@OverridepublicbooleanonCoreStop(){// TODO Auto-generated method stubreturnfalse;}}

3 啟動(dòng)5+ 內(nèi)核

5+SDK在使用前首先要進(jìn)行5+內(nèi)核的初始化明垢,在啟動(dòng)時(shí)需要添加一個(gè)ICoreStatusListener用來監(jiān)聽5+內(nèi)核啟動(dòng)狀態(tài)。io.dcloud.feature.internal.sdk.SDK類的方法需要在5+內(nèi)核初始化后才能夠調(diào)用市咽。

同時(shí)還需要在5+內(nèi)核初始化后指定當(dāng)前將要使用哪種集成方式痊银。單頁面集成方式使用SDK.IntegratedMode.WEBVIEW參數(shù)指定當(dāng)前SDK將使用單頁面方式啟動(dòng)。

示例中5+ SDK是在Activity的onCreate方法中初始化施绎,在具體使用中可在任意時(shí)刻初始化5+內(nèi)核溯革。

publicvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);if(mEntryProxy==null){FrameLayoutrootView=newFrameLayout(this);// 創(chuàng)建5+內(nèi)核運(yùn)行事件監(jiān)聽WebviewModeListenerwm=newWebviewModeListener(this,rootView);// 初始化5+內(nèi)核mEntryProxy=EntryProxy.init(this,wm);// 啟動(dòng)5+內(nèi)核,并指定內(nèi)核啟動(dòng)類型mEntryProxy.onCreate(savedInstanceState,SDK.IntegratedMode.WEBVIEW,null);setContentView(rootView);}}

4 傳遞Activity事件給5+ SDK

開發(fā)者在集成5+SDK時(shí)可根據(jù)需要將Activity的事件傳遞給5+SDK引擎谷醉,5+引擎會(huì)將事件傳遞給監(jiān)聽事件的Webview致稀,由Webview進(jìn)行事件處理。

@OverridepublicbooleanonCreateOptionsMenu(Menumenu){returnmEntryProxy.onActivityExecute(this,SysEventType.onCreateOptionMenu,menu);}@OverridepublicvoidonPause(){super.onPause();mEntryProxy.onPause(this);}@OverridepublicvoidonResume(){super.onResume();mEntryProxy.onResume(this);}publicvoidonNewIntent(Intentintent){super.onNewIntent(intent);if(intent.getFlags()!=0x10600000){// 非點(diǎn)擊icon調(diào)用activity時(shí)才調(diào)用newintent事件mEntryProxy.onNewIntent(this,intent);}}@OverrideprotectedvoidonDestroy(){super.onDestroy();mEntryProxy.onStop(this);}@OverridepublicbooleanonKeyDown(intkeyCode,KeyEventevent){boolean_ret=mEntryProxy.onActivityExecute(this,SysEventType.onKeyDown,newObject[]{keyCode,event});return_ret?_ret:super.onKeyDown(keyCode,event);}@OverridepublicbooleanonKeyUp(intkeyCode,KeyEventevent){boolean_ret=mEntryProxy.onActivityExecute(this,SysEventType.onKeyUp,newObject[]{keyCode,event});return_ret?_ret:super.onKeyUp(keyCode,event);}@OverridepublicbooleanonKeyLongPress(intkeyCode,KeyEventevent){boolean_ret=mEntryProxy.onActivityExecute(this,SysEventType.onKeyLongPress,newObject[]{keyCode,event});return_ret?_ret:super.onKeyLongPress(keyCode,event);}publicvoidonConfigurationChanged(ConfigurationnewConfig){try{inttemp=this.getResources().getConfiguration().orientation;if(mEntryProxy!=null){mEntryProxy.onConfigurationChanged(this,temp);}super.onConfigurationChanged(newConfig);}catch(Exceptione){e.printStackTrace();}}protectedvoidonActivityResult(intrequestCode,intresultCode,Intentdata){mEntryProxy.onActivityExecute(this,SysEventType.onActivityResult,newObject[]{requestCode,resultCode,data});}

Android 平臺(tái)5+SDK常用接口說明

Android 平臺(tái)5+SDK常用接口及使用示例請點(diǎn)擊

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末俱尼,一起剝皮案震驚了整個(gè)濱河市抖单,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌号显,老刑警劉巖臭猜,帶你破解...
    沈念sama閱讀 216,843評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異押蚤,居然都是意外死亡蔑歌,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評論 3 392
  • 文/潘曉璐 我一進(jìn)店門揽碘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來次屠,“玉大人,你說我怎么就攤上這事雳刺〗僭睿” “怎么了?”我有些...
    開封第一講書人閱讀 163,187評論 0 353
  • 文/不壞的土叔 我叫張陵掖桦,是天一觀的道長本昏。 經(jīng)常有香客問我,道長枪汪,這世上最難降的妖魔是什么涌穆? 我笑而不...
    開封第一講書人閱讀 58,264評論 1 292
  • 正文 為了忘掉前任怔昨,我火速辦了婚禮,結(jié)果婚禮上宿稀,老公的妹妹穿的比我還像新娘趁舀。我一直安慰自己,他們只是感情好祝沸,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,289評論 6 390
  • 文/花漫 我一把揭開白布矮烹。 她就那樣靜靜地躺著,像睡著了一般罩锐。 火紅的嫁衣襯著肌膚如雪奉狈。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,231評論 1 299
  • 那天唯欣,我揣著相機(jī)與錄音嘹吨,去河邊找鬼。 笑死境氢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的碰纬。 我是一名探鬼主播萍聊,決...
    沈念sama閱讀 40,116評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼悦析!你這毒婦竟也來了寿桨?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,945評論 0 275
  • 序言:老撾萬榮一對情侶失蹤强戴,失蹤者是張志新(化名)和其女友劉穎亭螟,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體骑歹,經(jīng)...
    沈念sama閱讀 45,367評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡预烙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,581評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了道媚。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扁掸。...
    茶點(diǎn)故事閱讀 39,754評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖最域,靈堂內(nèi)的尸體忽然破棺而出谴分,到底是詐尸還是另有隱情,我是刑警寧澤镀脂,帶...
    沈念sama閱讀 35,458評論 5 344
  • 正文 年R本政府宣布牺蹄,位于F島的核電站,受9級特大地震影響薄翅,放射性物質(zhì)發(fā)生泄漏沙兰。R本人自食惡果不足惜虑省,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,068評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望僧凰。 院中可真熱鬧探颈,春花似錦、人聲如沸训措。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,692評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽绩鸣。三九已至怀大,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間呀闻,已是汗流浹背化借。 一陣腳步聲響...
    開封第一講書人閱讀 32,842評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留捡多,地道東北人蓖康。 一個(gè)月前我還...
    沈念sama閱讀 47,797評論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像垒手,于是被迫代替她去往敵國和親蒜焊。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,654評論 2 354

推薦閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程科贬,因...
    小菜c閱讀 6,402評論 0 17
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,085評論 25 707
  • WebView·開車指南 2016-08-31BugDev 北京市東城區(qū)首席Bug布道師開山之作泳梆,一整月交通事故血...
    53c021c38a1d閱讀 828評論 0 1
  • 最基礎(chǔ)的使用方法 最簡單的布局: 在Activity中使用WebView: 但只是這樣的話,在模擬器上是會(huì)直接調(diào)到...
    HolenZhou閱讀 7,799評論 12 33
  • 1.如果在react-native start的時(shí)候遇到下面問題 原因:端口號被占用 解決方案:在運(yùn)行react-...
    悅者生存閱讀 274評論 0 0