cocos2d-x在iOS/Android雙平台上嵌入WebView

標籤：cocos2dx   webview   

註：文章首次發佈於個人部落格，現將技術文章轉移至此。 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 ?

本文出自 “7987480” 部落格，請務必保留此出處http://7997480.blog.51cto.com/7987480/1596009

cocos2d-x在iOS/Android雙平台上嵌入WebView