注:文章首次發佈於個人博客,現將技術文章轉移至此。 http://blog.go3k.org/cocos2dx-add-webview/
遊戲中的幫助和遊戲公告,可以通過嵌入顯示WebView的方案來實現,通過編輯HTML來修改、更新公告的樣式和內容都很方便。
iOS平臺嵌入
iOS平臺上的嵌入很順利,網上有現成的教程加代碼,關鍵是做好OC與C++代碼混編的封裝。
參考如下鏈接中的實現方式: cocos2d-x 使用UIWebView加載網頁
Android平臺嵌入
1. 通過JNI從cocos2d-x的C++代碼調用java代碼。
這是Android實現WebView嵌入的前提條件,務必仔細的學習一遍,否則無法向下繼續。 詳情參見: JNI使用教程
這是我總結的一篇JNI使用的教程,基本涵蓋所有JNI使用相關的要點。
2. java代碼的實現
標準Android顯示WebView的實現,參考代碼如下:
public void displayWebView() { this.runOnUiThread(new Runnable() { public void run() { //actInstance爲成員變量,是當前的Activity。 m_webView是WebView類型的成員變量 LinearLayout layout = new LinearLayout(actInstance); actInstance.addContentView(layout, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT)); m_webView = new WebView(actInstance); layout.addView(m_webView); LinearLayout.LayoutParams linearParams = (LinearLayout.LayoutParams) m_webView.getLayoutParams(); //可選的webview位置,x,y,width,height可任意填寫,也可以做爲函數參數傳入。 linearParams.leftMargin = x; linearParams.topMargin = y; linearParams.width = width; linearParams.height = height; m_webView.setLayoutParams(linearParams); //可選的webview配置 m_webView.setBackgroundColor(0); m_webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); m_webView.getSettings().setAppCacheEnabled(false); } }); }
這裏需要注意的問題是:
JNI調用過來的代碼並不是在主線程程序流中,UI顯示需要放到主線程中進行。這個問題卡了我半天的時間,最後問了鋒哥才明白Android上需要這麼搞。
源碼分享
抽時間Github上建了項目,地址如下:
https://github.com/go3k/CCXWebview
3. 對webView的配置
在自定義的webView中跳轉鏈接,而不是打開系統瀏覽器。
這需要對webView設置WebViewClient,並實現shouldOverrideUrlLoading方法,如下:
改變WebView視圖的大小與位置
設置webView的LayoutParamaters,setLayoutParams。
參考鏈接: How to add an UIWebView to Cocos2d-x ?