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 ?


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章