• 在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.在按钮回调方法代码

    复制代码
    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
    }
    复制代码

    3.Java代码

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

    这个类初始代码:

    复制代码
    package com.yourcompany.Majiang;
    import...
    public class Majiang extends Cocos2dxActivity{
        protected void onCreate(Bundle savedInstanceState){
            super.onCreate(savedInstanceState);
        }
        static {
             System.loadLibrary("game");
        }
    }
    复制代码

    添加代码后:

    复制代码
    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;   
        }
    }  

  • 相关阅读:
    Markdown语法
    Hello World
    sql笔试题-1
    解决高版本vm打开虚拟机报错
    zookeeper启动闪退
    java找出1~1000中素数的三种方式
    Java中更精确的计时
    vue系列之调试工具(vue-devtools)
    vue系列之npm命令错误
    vue系列之安装基础环境
  • 原文地址:https://www.cnblogs.com/pangblog/p/3329185.html
Copyright © 2020-2023  润新知