在cocos2d-x界面中嵌入Android的WebView

在Cocos2dxActivity.java中,

(1) 增加函数onCreateLayout,

 

[java]  view plain copy
 
  1.     public LinearLayout onCreateLayout(Cocos2dxGLSurfaceView surfaceView) {  
  2.         LinearLayout layout = new LinearLayout(this);  
  3.         layout.setOrientation(LinearLayout.VERTICAL);  
  4.         layout.addView(surfaceView);  
  5.         return layout;  
  6.     }  


(2) 在 this.mGLSurfaceView = this.onCreateView() 下面增加这一行:

 

 

[java]  view plain copy
 
  1. LinearLayout contentLayout = this.onCreateLayout(mGLSurfaceView);  


(3) 应用的Activity文件实现如下,

 

 

[java]  view plain copy
 
  1. public class HelloCpp extends Cocos2dxActivity{  
  2.     static HelloCpp sHelloCpp = null;  
  3.     LinearLayout mContentLayout;  
  4.     Cocos2dxGLSurfaceView mGlSurfaceView;  
  5.     LinearLayout mWebLayout;  
  6.     WebView mWebView;  
  7.     Button mBackButton;  
  8.   
  9.     protected void onCreate(Bundle savedInstanceState){  
  10.         super.onCreate(savedInstanceState);  
  11.     }  
  12.   
  13.     public LinearLayout onCreateLayout(Cocos2dxGLSurfaceView surfaceView) {  
  14.         mGlSurfaceView = surfaceView;  
  15.         sHelloCpp = this;  
  16.   
  17.         mContentLayout = new LinearLayout(this);  
  18.         mContentLayout.setOrientation(LinearLayout.VERTICAL);  
  19.         mContentLayout.addView(surfaceView);  
  20.   
  21.         mWebLayout = new LinearLayout(this);  
  22.         mWebLayout.setOrientation(LinearLayout.VERTICAL);  
  23.   
  24.         return mContentLayout;  
  25.     }  
  26.   
  27.     public Cocos2dxGLSurfaceView onCreateView() {  
  28.         Cocos2dxGLSurfaceView glSurfaceView = new Cocos2dxGLSurfaceView(this);  
  29.         // TestCpp should create stencil buffer  
  30.         glSurfaceView.setEGLConfigChooser(5650168);  
  31.   
  32.         return glSurfaceView;  
  33.     }  
  34.   
  35.     //此函数提供给jni调用,返回自身类的对象  
  36.     public static HelloCpp getInstance() {//返回实例  
  37.         return sHelloCpp;  
  38.     }  
  39.   
  40.     public void openWebView() {  
  41.         this.runOnUiThread(new Runnable() {//在主线程里添加别的控件  
  42.             public void run() {  
  43.                 //初始化webView  
  44.                 mWebView = new WebView(HelloCpp.this);  
  45.                 //设置webView能够执行javascript脚本  
  46.                 mWebView.getSettings().setJavaScriptEnabled(true);  
  47.                 //载入URL  
  48.                 mWebView.loadUrl("file:///android_asset/index.html");  
  49.                 //使页面获得焦点  
  50.                 //mWebView.requestFocus();  
  51.                 //如果页面中链接,如果希望点击链接继续在当前browser中响应  
  52.                 mWebView.setWebViewClient(new WebViewClient(){  
  53.                     public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  54.                         if(url.indexOf("tel:")<0){  
  55.                             view.loadUrl(url);  
  56.                         }  
  57.                         return true;  
  58.                     }  
  59.                 });  
  60.   
  61.                 /*初始化返回按钮*/  
  62.                 mBackButton = new Button(HelloCpp.this);  
  63.                 mBackButton.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));  
  64.                 mBackButton.setText("Close");  
  65.                 mBackButton.setTextColor(Color.argb(255255218154));  
  66.                 mBackButton.setTextSize(14);  
  67.                 mBackButton.setOnClickListener(new OnClickListener() {  
  68.                     public void onClick(View v) {  
  69.                         removeWebView();  
  70.                         mGlSurfaceView.setVisibility(View.VISIBLE);  
  71.                     }  
  72.                 });  
  73.   
  74.                 //把webView加入到线性布局  
  75.                 mGlSurfaceView.setVisibility(View.GONE);  
  76.                 mWebLayout.addView(mBackButton);  
  77.                 mWebLayout.addView(mWebView);  
  78.                 mContentLayout.addView(mWebLayout);  
  79.             }  
  80.         });  
  81.     }  
  82.     //移除webView  把刚才加的所有控件都删掉  
  83.     public void removeWebView() {  
  84.         mContentLayout.removeView(mWebLayout);  
  85.         mWebLayout.destroyDrawingCache();  
  86.   
  87.         mWebLayout.removeView(mWebView);  
  88.         mWebView.destroy();  
  89.   
  90.         mWebLayout.removeView(mBackButton);  
  91.         mBackButton.destroyDrawingCache();  
  92.     }  
  93.   
  94.     public boolean onKeyDown(int keyCoder,KeyEvent event) //重载函数,android手机实体返回键回调函数  
  95.     {  
  96.          if(mWebView.canGoBack() && keyCoder == KeyEvent.KEYCODE_BACK){//如果网页能回退则后退,如果不能后退移除WebView  
  97.              mWebView.goBack();  
  98.          }else{  
  99.              removeWebView();  
  100.              mGlSurfaceView.setVisibility(View.VISIBLE);  
  101.          }  
  102.          return false;  
  103.     }  
  104.   
  105.     static {  
  106.         System.loadLibrary("game");  
  107.     }  

从cocos2d-x的界面中打开WebView的代码:

 

[cpp]  view plain copy
 
  1. #if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID)  
  2. //getStaticMethodInfo,判断Java静态函数是否存在,并且把信息保存到minfo里  
  3. //参数1:JniMethodInfo  
  4. //参数2:Java类包名+类名  
  5. //参数3:Java函数名称  
  6. //参数4:函数参数类型和返回值类型,这里的返回值类型是HelloCpp类的对象。写法:L+包名+; 其他的类型请看上面的“JNI详细教程”  
  7.   
  8.         JniMethodInfo minfo;  
  9.         jobject jobj;  
  10.         bool isHave = JniHelper::getStaticMethodInfo(minfo, "cn/livelog/popdiamond/HelloCpp","getInstance","()Lcn/livelog/popdiamond/HelloCpp;");  
  11.         if (isHave)  
  12.         {  
  13.             //调用Java静态函数,取得对象。  
  14.             jobj = minfo.env->CallStaticObjectMethod(minfo.classID, minfo.methodID);  
  15.             if (jobj != NULL)  
  16.             {  
  17.                 isHave = JniHelper::getMethodInfo(minfo,"cn/livelog/popdiamond/HelloCpp","openWebView","()V");  
  18.                 if (isHave)  
  19.                 {  
  20.                     //调用java非静态函数, 参数1:Java对象,上面已经取得   参数2:方法ID  
  21.                     minfo.env->CallVoidMethod(jobj, minfo.methodID);  
  22.                 }  
  23.             }  
  24.         }  
  25. #endif  

解决方案2:

Android平台嵌入 需求:点击一个按钮打开Android WebView

1. 通过JNI从cocos2d-x的C++代码调用java代码。

这是Android实现WebView嵌入的前提条件,详细JNI教程:http://www.himigame.com/android-game/725.html

2.Xcode代码

1.导入头文件

#if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID)//预编译 判断是否是android平台
#include <jni.h>
#include "platform/android/jni/JniHelper.h"
#include <android/log.h>
#endif

2.在按钮回调方法代码

在cocos2d-x界面中嵌入Android的WebView
void HelloWorld::openWebView(){    
    #if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID)
    //Jni对象,可以看成结构体
    JniMethodInfo minfo;
    //getStaticMethodInfo,判断Java静态函数是否存在,并且把信息保存到minfo里
    //参数1:JniMethodInfo
    //参数2:Java类包名+类名
    //参数3:Java函数名称
    //参数4:函数参数类型和返回值类型,这里的返回值类型是Majiang类的对象。写法:L+包名+;     其他的类型请看上面的“JNI详细教程”
    bool isHave = JniHelper::getStaticMethodInfo(minfo,"com/yourcompany/Majiang/Majiang","getInstance","()Lcom/yourcompany/Majiang/Majiang;");
    jobject jobj;//存对象
    if (isHave) {
        CCLog("静态函数存在");
        //调用Java静态函数,取得对象。
        jobj = minfo.env->CallStaticObjectMethod(minfo.classID, minfo.methodID);
    }
    //getMethodInfo,判断Java非静态函数是否存在,并且把信息保存到minfo里
    isHave = JniHelper::getMethodInfo(minfo,"com/yourcompany/Majiang/Majiang","openAndroidView","()V");
    if (isHave) {
        CCLog("非静态函数存在");
        //调用java非静态函数, 参数1:Java对象,上面已经取得   参数2:方法ID
        minfo.env->CallVoidMethod(jobj, minfo.methodID);
    }
    #endif
}
在cocos2d-x界面中嵌入Android的WebView

3.Java代码

cocos2d-x的android项目,在eclipse下src目录里,有一个跟项目名称相同的类,就在这个类里写代码。

这个类初始代码:

在cocos2d-x界面中嵌入Android的WebView
package com.yourcompany.Majiang;
import...
public class Majiang extends Cocos2dxActivity{
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
    }
    static {
         System.loadLibrary("game");
    }
}
在cocos2d-x界面中嵌入Android的WebView

添加代码后:

在cocos2d-x界面中嵌入Android的WebView
public class Majiang extends Cocos2dxActivity{
    WebView m_webView;
    ImageView m_imageView;
    static Majiang majiang  = null;
    FrameLayout m_webLayout;
    LinearLayout topLayout;
    Button backButton;
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        //全局变量保存this
        majiang=this;
        //初始化一个空的布局
        m_webLayout = new FrameLayout(this);
        addContentView(m_webLayout, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
    }
  //此函数提供给jni调用,返回自身类的对象
    public static Majiang getInstance() {//返回实例
        return majiang;
    }
   public void openAndroidView() {
        this.runOnUiThread(new Runnable() {//在主线程里添加别的控件
            public void run() {   
                //初始化webView
                m_webView = new WebView(majiang);
                //设置webView能够执行javascript脚本
                m_webView.getSettings().setJavaScriptEnabled(true);            
                //设置可以支持缩放
                m_webView.getSettings().setSupportZoom(true);//设置出现缩放工具
                m_webView.getSettings().setBuiltInZoomControls(true);
                //载入URL
                m_webView.loadUrl("http://www.baidu.com");
                //使页面获得焦点
                m_webView.requestFocus();
                //如果页面中链接,如果希望点击链接继续在当前browser中响应
                m_webView.setWebViewClient(new WebViewClient(){       
                    public boolean shouldOverrideUrlLoading(WebView view, String url) {   
                        if(url.indexOf("tel:")<0){
                            view.loadUrl(url); 
                        }
                        return true;       
                    }    
                });
                /*背景图*/                
                m_imageView = new ImageView(majiang);
                m_imageView.setImageResource(R.drawable.lobbybg);
                m_imageView.setScaleType(ImageView.ScaleType.FIT_XY);
                /*初始化线性布局 里面加按钮和webView*/
                topLayout = new LinearLayout(majiang);      
                topLayout.setOrientation(LinearLayout.VERTICAL);
                /*初始化返回按钮*/
                backButton = new Button(majiang);
                backButton.setBackgroundResource(R.drawable.backbutton);
                backButton.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));
                backButton.setText("关 闭");
                backButton.setTextColor(Color.argb(255, 255, 218, 154));
                backButton.setTextSize(14);                
                backButton.setOnClickListener(new OnClickListener() {                    
                    public void onClick(View v) {
                        removeWebView();
                    }
                });
                //把image加到主布局里
                m_webLayout.addView(m_imageView);
                //把webView加入到线性布局
                topLayout.addView(backButton);
                topLayout.addView(m_webView);                
                //再把线性布局加入到主布局
                m_webLayout.addView(topLayout);
            }
        });
    }
    //移除webView  把刚才加的所有控件都删掉
    public void removeWebView() {              
        m_webLayout.removeView(m_imageView);
        m_imageView.destroyDrawingCache();
        
        m_webLayout.removeView(topLayout);
        topLayout.destroyDrawingCache();
                
        topLayout.removeView(m_webView);
        m_webView.destroy();
                
        topLayout.removeView(backButton);
        backButton.destroyDrawingCache();
    }
    
    public boolean onKeyDown(int keyCoder,KeyEvent event)//重载函数,android手机实体返回键回调函数
    {
         if(m_webView.canGoBack() && keyCoder == KeyEvent.KEYCODE_BACK){//如果网页能回退则后退,如果不能后退移除WebView
             m_webView.goBack();
         }else{
             removeWebView();
         }
         return false;   
    }
}