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

在Cocos2dxActivity.java中,

(1) 增加函数onCreateLayout,

[java] view plain copy
  1. publicLinearLayoutonCreateLayout(Cocos2dxGLSurfaceViewsurfaceView){
  2. LinearLayoutlayout=newLinearLayout(this);
  3. layout.setOrientation(LinearLayout.VERTICAL);
  4. layout.addView(surfaceView);
  5. returnlayout;
  6. }

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

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

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

[java] view plain copy
  1. publicclassHelloCppextendsCocos2dxActivity{
  2. staticHelloCppsHelloCpp=null;
  3. LinearLayoutmContentLayout;
  4. Cocos2dxGLSurfaceViewmGlSurfaceView;
  5. LinearLayoutmWebLayout;
  6. WebViewmWebView;
  7. ButtonmBackButton;
  8. protectedvoidonCreate(BundlesavedInstanceState){
  9. super.onCreate(savedInstanceState);
  10. }
  11. publicLinearLayoutonCreateLayout(Cocos2dxGLSurfaceViewsurfaceView){
  12. mGlSurfaceView=surfaceView;
  13. sHelloCpp=this;
  14. mContentLayout=newLinearLayout(this);
  15. mContentLayout.setOrientation(LinearLayout.VERTICAL);
  16. mContentLayout.addView(surfaceView);
  17. mWebLayout=newLinearLayout(this);
  18. mWebLayout.setOrientation(LinearLayout.VERTICAL);
  19. returnmContentLayout;
  20. }
  21. publicCocos2dxGLSurfaceViewonCreateView(){
  22. Cocos2dxGLSurfaceViewglSurfaceView=newCocos2dxGLSurfaceView(this);
  23. //TestCppshouldcreatestencilbuffer
  24. glSurfaceView.setEGLConfigChooser(5,6,5,0,16,8);
  25. returnglSurfaceView;
  26. }
  27. //此函数提供给jni调用,返回自身类的对象
  28. publicstaticHelloCppgetInstance(){//返回实例
  29. returnsHelloCpp;
  30. }
  31. publicvoidopenWebView(){
  32. this.runOnUiThread(newRunnable(){//在主线程里添加别的控件
  33. publicvoidrun(){
  34. //初始化webView
  35. mWebView=newWebView(HelloCpp.this);
  36. //设置webView能够执行javascript脚本
  37. mWebView.getSettings().setJavaScriptEnabled(true);
  38. //载入URL
  39. mWebView.loadUrl("file:///android_asset/index.html");
  40. //使页面获得焦点
  41. //mWebView.requestFocus();
  42. //如果页面中链接,如果希望点击链接继续在当前browser中响应
  43. mWebView.setWebViewClient(newWebViewClient(){
  44. publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){
  45. if(url.indexOf("tel:")<0){
  46. view.loadUrl(url);
  47. }
  48. returntrue;
  49. }
  50. });
  51. /*初始化返回按钮*/
  52. mBackButton=newButton(HelloCpp.this);
  53. mBackButton.setLayoutParams(newLinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT));
  54. mBackButton.setText("Close");
  55. mBackButton.setTextColor(Color.argb(255,255,218,154));
  56. mBackButton.setTextSize(14);
  57. mBackButton.setOnClickListener(newOnClickListener(){
  58. publicvoidonClick(Viewv){
  59. removeWebView();
  60. mGlSurfaceView.setVisibility(View.VISIBLE);
  61. }
  62. });
  63. //把webView加入到线性布局
  64. mGlSurfaceView.setVisibility(View.GONE);
  65. mWebLayout.addView(mBackButton);
  66. mWebLayout.addView(mWebView);
  67. mContentLayout.addView(mWebLayout);
  68. }
  69. });
  70. }
  71. //移除webView把刚才加的所有控件都删掉
  72. publicvoidremoveWebView(){
  73. mContentLayout.removeView(mWebLayout);
  74. mWebLayout.destroyDrawingCache();
  75. mWebLayout.removeView(mWebView);
  76. mWebView.destroy();
  77. mWebLayout.removeView(mBackButton);
  78. mBackButton.destroyDrawingCache();
  79. }
  80. publicbooleanonKeyDown(intkeyCoder,KeyEventevent)//重载函数,android手机实体返回键回调函数
  81. {
  82. if(mWebView.canGoBack()&&keyCoder==KeyEvent.KEYCODE_BACK){//如果网页能回退则后退,如果不能后退移除WebView
  83. mWebView.goBack();
  84. }else{
  85. removeWebView();
  86. mGlSurfaceView.setVisibility(View.VISIBLE);
  87. }
  88. returnfalse;
  89. }
  90. static{
  91. System.loadLibrary("game");
  92. }

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

  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. JniMethodInfominfo;
  8. jobjectjobj;
  9. boolisHave=JniHelper::getStaticMethodInfo(minfo,"cn/livelog/popdiamond/HelloCpp","getInstance","()Lcn/livelog/popdiamond/HelloCpp;");
  10. if(isHave)
  11. {
  12. //调用Java静态函数,取得对象。
  13. jobj=minfo.env->CallStaticObjectMethod(minfo.classID,minfo.methodID);
  14. if(jobj!=NULL)
  15. {
  16. isHave=JniHelper::getMethodInfo(minfo,"cn/livelog/popdiamond/HelloCpp","openWebView","()V");
  17. if(isHave)
  18. {
  19. //调用java非静态函数,参数1:Java对象,上面已经取得参数2:方法ID
  20. minfo.env->CallVoidMethod(jobj,minfo.methodID);
  21. }
  22. }
  23. }
  24. #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;   
    }
}  

方案3:进行WEBVIEW的位置调整:

这几天想要在cocos2d中嵌入web网页,找了各种方法后最正确的做法好像只有通过jnicocos2d-xc++代码调用java函数,由于对javajni都知之甚少,走了不少弯路,也犯了不少错误,现将我的过程和需要注意的地方做个记录,以方便后面使用的朋友查阅。

本文参照了VincentChou的个人博客文章:cocos2d-xiOS/Android双平台上嵌入WebViewCocos2d-x中通过JNI进行C++调用Java代码


1.基本说明

要通过jnicocos2d-xc++代码调用java函数,要使用到cocos2d-x中有一个JniHelper类。

头文件:#include"platform/android/jni/JniHelper.h"

需要使用的接口如下:

 
  

const char *className, const char *methodName, const char *paramCode);
static bool getMethodInfo(JniMethodInfo &methodinfo, const char *className, const char *methodName, const char *paramCode);

每个参数的意义和使用方法:

 
  

//函数信息结构体
JniMethodInfo minfo;
bool isHave = JniHelper::getStaticMethodInfo(minfo,/*JniMethodInfo的引用*/
"com/omega/MyApp",/*类的路径*/
"getJavaActivity",/*函数名*/
"()Ljava/lang/Object;");/*函数类型简写*/
jobject activityObj;
if (isHave)
{
//CallStaticObjectMethod调用java函数,并把返回值赋值给activityObj
activityObj = minfo.env->CallStaticObjectMethod(minfo.classID, minfo.methodID);
}


这里重点要说明一下"com/omega/MyApp",/*类的路径*/),这个类的路径,我弄了很久才搞明白,它其实是你在创建android时使用的包名,比如com.xxx.xxx,如果你不知道或者忘记了是什么可以打开proj.android目录下的AndroidManifest.xml文件查看,package="com.cocos2dx.example"中的"com.cocos2dx.example"就是你的包名。下面继续


<?xmlversion="1.0"encoding="utf-8"?>
<manifestxmlns:android="http://schemas.android.com/apk/res/android"
package="com.cocos2dx.example"
android:versionCode="1"
android:versionName="1.0">

.....



源文件是放在:youProject\proj.android\src\com\cocos2dx\example下,比如我的JAVA函数是写在ForAndroid.java文件当,那么最终这里类的路径就是:"com/cocos2dx/example/ForAndroid".


2.新建一个类CCWebView继承CCObject

.h文件:



#include"cocos2d.h"

USING_NS_CC;

classCCWebView:publicCCObject
{
public:
CCWebView();
~CCWebView();

CREATE_FUNC(CCWebView);
boolinit();

/**
*@brief显示WebView
*
*@paramurl地址
*@paramxx位置
*@paramyy位置(左上的位置,坐标系为左上0)
*@paramwidth宽度
*@paramheight高度
*/
voidshowWebView(constchar*url,floatx,floaty,floatwidth,floatheight);


voidupdateURL(constchar*url);

voidremoveWebView();

};


.cpp文件:


#if(CC_TARGET_PLATFORM==CC_PLATFORM_ANDROID)
#include<jni.h>
#include<android/log.h>
#include"platform/android/jni/JniHelper.h"

#defineJAVA_PACK_NAME"com/cocos2dx/example/DianXinForAndroid"
#endif



CCWebView::CCWebView()
{

}

CCWebView::~CCWebView()
{

}

boolCCWebView::init()
{

returntrue;
}


voidCCWebView::showWebView(constchar*url,floatx,floaty,floatwidth,floatheight)
{
#if(CC_TARGET_PLATFORM==CC_PLATFORM_ANDROID)
//1.获取activity静态对象
JniMethodInfominfo;
CCLog("1.GetJniMethodInfo!");
//getStaticMethodInfo次函数返回一个bool值表示是否找到此函数
boolisHave=JniHelper::getStaticMethodInfo(minfo,
JAVA_PACK_NAME,
"getJavaActivity",
"()Ljava/lang/Object;");
CCLog("2.JniHelper::getStaticMethodInfo!");
jobjectactivityObj;
if(isHave)
{
activityObj=minfo.env->CallStaticObjectMethod(minfo.classID,minfo.methodID);
}
CCLog("3.CallStaticObjectMethod!");
//2.查找displayWebView接口,并用jobj调用
isHave=JniHelper::getMethodInfo(minfo,JAVA_PACK_NAME,"displayWebView","(IIII)V");

if(!isHave)
{
CCLog("jni:displayWebView函数不存在");
}
else
{
//调用此函数
jintjX=(int)x;
jintjY=(int)y;
jintjWidth=(int)width;
jintjHeight=(int)height;
minfo.env->CallVoidMethod(activityObj,minfo.methodID,jX,jY,jWidth,jHeight);
}
CCLog("4.FinddisplayWebView!");
//3.查找updateURL接口,并用jobj调用
isHave=JniHelper::getMethodInfo(minfo,JAVA_PACK_NAME,"updateURL","(Ljava/lang/String;)V");

if(!isHave)
{
CCLog("jni:updateURL函数不存在");
}
else
{
//调用此函数
jstringjmsg=minfo.env->NewStringUTF(url);
minfo.env->CallVoidMethod(activityObj,minfo.methodID,jmsg);
}
CCLog("4.FindupdateURL!");
#endif
}

voidCCWebView::updateURL(constchar*url)
{
#if(CC_TARGET_PLATFORM==CC_PLATFORM_ANDROID)
//1.获取activity静态对象
JniMethodInfominfo;
//getStaticMethodInfo次函数返回一个bool值表示是否找到此函数
boolisHave=JniHelper::getStaticMethodInfo(minfo,
JAVA_PACK_NAME,
"getJavaActivity",
"()Ljava/lang/Object;");
jobjectactivityObj;
if(isHave)
{
activityObj=minfo.env->CallStaticObjectMethod(minfo.classID,minfo.methodID);
}

//2.查找updateURL接口,并用jobj调用
isHave=JniHelper::getMethodInfo(minfo,JAVA_PACK_NAME,"updateURL","(Ljava/lang/String;)V");

if(!isHave)
{
CCLog("jni:updateURL函数不存在");
}
else
{
//调用此函数
jstringjmsg=minfo.env->NewStringUTF(url);
minfo.env->CallVoidMethod(activityObj,minfo.methodID,jmsg);
}
#endif
}

voidCCWebView::removeWebView()
{
#if(CC_TARGET_PLATFORM==CC_PLATFORM_ANDROID)
//1.获取activity静态对象
JniMethodInfominfo;
//getStaticMethodInfo次函数返回一个bool值表示是否找到此函数
boolisHave=JniHelper::getStaticMethodInfo(minfo,
JAVA_PACK_NAME,
"getJavaActivity",
"()Ljava/lang/Object;");
jobjectactivityObj;
if(isHave)
{
activityObj=minfo.env->CallStaticObjectMethod(minfo.classID,minfo.methodID);
}

//2.查找updateURL接口,并用jobj调用
isHave=JniHelper::getMethodInfo(minfo,JAVA_PACK_NAME,"removeWebView","()V");

if(!isHave)
{
CCLog("jni:updateURL函数不存在");
}
else
{
//调用此函数
minfo.env->CallVoidMethod(activityObj,minfo.methodID);
}
#endif
}


3.ForAndroid.java文件里写上接口就可以了


packagecom.cocos2dx.example;

importorg.cocos2dx.lib.Cocos2dxActivity;

importandroid.os.Bundle;
importandroid.app.Activity;
importandroid.webkit.WebSettings;
importandroid.webkit.WebView;
importandroid.webkit.WebViewClient;
importandroid.widget.LinearLayout;
importandroid.widget.LinearLayout.LayoutParams;

publicclassForAndroidextendsCocos2dxActivity{

publicstaticActivityactInstance;
privateLinearLayoutm_webLayout;
privateWebViewm_webView;

protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);

actInstance=this;
//weblayout
m_webLayout=newLinearLayout(this);
actInstance.addContentView(m_webLayout,
newLayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
}

static{
System.loadLibrary("game");
}


publicstaticObjectgetJavaActivity()
{
returnactInstance;
}

//WebView
publicvoiddisplayWebView(finalintx,finalinty,finalintwidth,finalintheight)
{
//Log.e("Vincent","showWebView");

this.runOnUiThread(newRunnable()
{
publicvoidrun()
{
//LinearLayoutlayout=newLinearLayout(actInstance);
//actInstance.addContentView(layout,newLayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
m_webView=newWebView(actInstance);
m_webLayout.addView(m_webView);

LinearLayout.LayoutParamslinearParams=(LinearLayout.LayoutParams)m_webView.getLayoutParams();
linearParams.leftMargin=x;
linearParams.topMargin=y;
linearParams.width=width;
linearParams.height=height;
m_webView.setLayoutParams(linearParams);

m_webView.setBackgroundColor(0);
m_webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
m_webView.getSettings().setAppCacheEnabled(false);
//m_webView.setBackgroundResource(R.drawable.yourImage);

m_webView.setWebViewClient(newWebViewClient(){
@Override
publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){

returnfalse;

}
});

}
});
}

publicvoidupdateURL(finalStringurl)
{
//Log.e("Vincent","updateURL"+url);

this.runOnUiThread(newRunnable()
{
publicvoidrun(){
m_webView.loadUrl(url);
}
});
}

publicvoidremoveWebView()
{
//Log.e("Vincent","removeWebView");

this.runOnUiThread(newRunnable()
{
publicvoidrun()
{
m_webLayout.removeView(m_webView);
m_webView.destroy();
}
});
}
}


4.我遇到过的问题:在用cygwin编译cocos2d-x文件的时候在Android.mk里面添加了在目录下自动查找.cpp文件然后进行编译的方式。结果在真机上运行时就出错,错误如下。后来删除Android.mk的自动查找.cpp,然后自己手动添加cpp文件,编译运行就正常,说明在自动获取cpp文件时有问题。


system_processInputDispatcher
channelStatusBarView(server)~Consumerclosedinputchanneloranerroroccurred.events=0×8
channelStatusBarView(server)~Channelisunrecoverablybrokenandwillbedisposed!


2013年04月18日 - 该用户已被删除 - 序



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值