在Cocos2dxActivity.java中,
(1) 增加函数onCreateLayout,
从cocos2d-x的界面中打开WebView的代码:
这是Android实现WebView嵌入的前提条件,详细JNI教程:http://www.himigame.com/android-game/725.html
1.导入头文件
#if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID)//预编译 判断是否是android平台 #include#include "platform/android/jni/JniHelper.h" #include #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; } }
这几天想要在cocos2d中嵌入web网页,找了各种方法后最正确的做法好像只有通过jni从cocos2d-x的c++代码调用java函数,由于对java和jni都知之甚少,走了不少弯路,也犯了不少错误,现将我的过程和需要注意的地方做个记录,以方便后面使用的朋友查阅。
本文参照了VincentChou的个人博客文章:cocos2d-x在iOS/Android双平台上嵌入WebView和Cocos2d-x中通过JNI进行C++调用Java代码
1.基本说明
要通过jni从cocos2d-x的c++代码调用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"就是你的包名。下面继续
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
#include
#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_process—InputDispatcher—
channel‘StatusBarView(server)’~Consumerclosedinputchanneloranerroroccurred.events=0×8
channel‘StatusBarView(server)’~Channelisunrecoverablybrokenandwillbedisposed!