cocos2d-x在iOS/Android雙平臺上嵌入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 ?