【玩转cocos2d-x之三十三】游戏嵌入Webview网页

原创作品，转载请标明：http://www.52php.cn/article/p-ybpkbbax-ep.html

手游《我叫MT》一开始会弹出一个游戏公告，有玩过的肯定都蛮熟悉的，这就是webview，就是一个网页。由于webview和平台相关，这里就介绍下cocos2d-x如何嵌入andorid的webview控件，在cocos2d-x中显示网页。

1.Jni

2.Android使用webview

2.1.添加成员变量

2.2.OnCreate中添加FrameLayout布局

protectedvoidonCreate(BundlesavedInstanceState){
1. super.onCreate(savedInstanceState);
2. test=this;
4. //初始化一个空布局
5. m_webLayout=newFrameLayout(this);
6. FrameLayout.LayoutParamslytp=newFrameLayout.LayoutParams(800,640);
7. lytp.gravity=Gravity.CENTER;
8. addContentView(m_webLayout,lytp);
9. }

2.3.返回实例

publicstaticTestgetInstance(){
1. Log.v("TestJacky","getInstance");
2. returntest;
3. }

2.4.显示webview

voidopenWebview(){
1. "openWebView");
2. this.runOnUiThread(newRunnable(){//在主线程里添加别的控件
3. voidrun(){
4. //初始化webView
5. m_webView=newWebView(test);
6. //设置webView能够执行javascript脚本
7. m_webView.getSettings().setJavaScriptEnabled(true);
8. //设置可以支持缩放
9. m_webView.getSettings().setSupportZoom(true);//设置出现缩放工具
10. m_webView.getSettings().setBuiltInZoomControls(true);
11. //载入URL
12. m_webView.loadUrl("http://m.blog.csdn.net/blog/jackyvincefu/");
13. //使页面获得焦点
14. m_webView.requestFocus();
15. //如果页面中链接，如果希望点击链接继续在当前browser中响应
16. m_webView.setWebViewClient(newWebViewClient(){
17. publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){
18. if(url.indexOf("tel:")<0){
19. view.loadUrl(url);
20. }
21. returntrue;
22. });
24. //背景图
25. m_imageView=newImageView(test);
26. m_imageView.setImageResource(R.drawable.bkgnd);
27. m_imageView.setScaleType(ImageView.ScaleType.FIT_XY);
28. //初始化线性布局里面加按钮和webView
29. m_topLayout=newLinearLayout(test);
30. m_topLayout.setOrientation(LinearLayout.VERTICAL);
31. //初始化返回按钮
32. m_backButton=newButton(test);
33. m_backButton.setBackgroundResource(R.drawable.btn);
34. LinearLayout.LayoutParamslypt=newLinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
35. lypt.gravity=Gravity.RIGHT;
36. m_backButton.setLayoutParams(lypt);
37. m_backButton.setOnClickListener(newOnClickListener(){
38. voidonClick(Viewv){
39. removeWebView();
40. }
41. });
42. //把image加到主布局里
43. m_webLayout.addView(m_imageView);
44. //把webView加入到线性布局
45. m_topLayout.addView(m_backButton);
46. m_topLayout.addView(m_webView);
47. //再把线性布局加入到主布局
48. m_webLayout.addView(m_topLayout);
49. }

2.5.移除webview

voidremoveWebView(){
1. m_webLayout.removeView(m_imageView);
2. m_imageView.destroyDrawingCache();
3. m_webLayout.removeView(m_topLayout);
4. m_topLayout.destroyDrawingCache();
5. m_topLayout.removeView(m_webView);
6. m_webView.destroy();
7. m_topLayout.removeView(m_backButton);
8. m_backButton.destroyDrawingCache();
9. }

2.6.重写返回键

publicbooleanonKeyDown(intkeyCoder,KeyEventevent)
1. {
2. //如果网页能回退则后退，如果不能后退移除WebView
3. if(m_webView.canGoBack()&&keyCoder==KeyEvent.KEYCODE_BACK){
4. m_webView.goBack();
5. }else{
6. false;
7. }

3.cocos2d-x使用Jni

3.1.jni头文件

#if(CC_TARGET_PLATFORM==CC_PLATFORM_ANDROID)
1. #include<jni.h>
2. #include"platform/android/jni/JniHelper.h"
3. #endif

3.2.Jni调用打开webview

voidHelloWorld::menuCloseCallback(CCObject*pSender)
1. JniMethodInfominfo;
2. //getStaticMethodInfo，判断Java静态函数是否存在，并且把信息保存到minfo里
3. //参数1：JniMethodInfo
4. //参数2：Java类包名+类名
5. //参数3：Java函数名称
6. //参数4：函数参数类型和返回值类型
7. boolisHave=JniHelper::getStaticMethodInfo(minfo,"com/jacky/test/Test","getInstance","()Lcom/jacky/test/Test;");
8. jobjectjobj;//存对象
9. if(isHave){
10. //这里的调用getInstance，返回Test类的对象。
11. jobj=minfo.env->CallStaticObjectMethod(minfo.classID,minfo.methodID);
12. isHave=JniHelper::getMethodInfo(minfo,"com/jacky/test/Test","openWebview","()V");
13. if(isHave){
14. //调用openWebview,参数1：Test对象参数2：方法ID
15. minfo.env->CallVoidMethod(jobj,minfo.methodID);
16. #else
17. CCDirector::sharedDirector()->end();
18. #if(CC_TARGET_PLATFORM==CC_PLATFORM_IOS)
19. exit(0);
20. #endif
21. #endif
22. }

4.效果图

5.源码下载

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!