关闭

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

930人阅读 评论(0) 收藏 举报
分类:

原创作品,转载请标明:http://blog.csdn.net/jackystudio/article/details/17576995


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


1.Jni

Jni这里我就不再多说了。可用参考wikipedia,或者微信飞机大战的移植篇。通过Jni,可以实现在cocos2d-x中调用Android的API,当然也可以进行传值。

2.Android使用webview

直接上代码。主要是处理布局和webview使用的问题。这里采用代码布局。以下操作在android的主类(cocos2dxActivity)中处理

2.1.添加成员变量

整个布局的结构是最底层一个FrameLayout,ImageView控件放置在FrameLayout上。然后之上是一个LinearLayout用来放置关闭按钮,LinearLayout往下是Webview控件。

  1. static Test test  = null;//Test实例  
  2. WebView m_webView;//WebView控件  
  3. ImageView m_imageView;//ImageView控件  
  4. FrameLayout m_webLayout;//FrameLayout布局  
  5. LinearLayout m_topLayout;//LinearLayout布局  
  6. Button m_backButton;//关闭按钮  

2.2.OnCreate中添加FrameLayout布局

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


2.3.返回实例

  1. public static Test getInstance() {  
  2.     Log.v("TestJacky","getInstance");  
  3.     return test;  
  4. }  

2.4.显示webview

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

2.5.移除webview

  1. public void removeWebView() {                
  2.     m_webLayout.removeView(m_imageView);  
  3.     m_imageView.destroyDrawingCache();  
  4.       
  5.     m_webLayout.removeView(m_topLayout);  
  6.     m_topLayout.destroyDrawingCache();  
  7.               
  8.     m_topLayout.removeView(m_webView);  
  9.     m_webView.destroy();  
  10.               
  11.     m_topLayout.removeView(m_backButton);  
  12.     m_backButton.destroyDrawingCache();  
  13. }  

2.6.重写返回键

  1. public boolean onKeyDown(int keyCoder,KeyEvent event)  
  2. {  
  3.     //如果网页能回退则后退,如果不能后退移除WebView  
  4.     if(m_webView.canGoBack() && keyCoder == KeyEvent.KEYCODE_BACK){  
  5.         m_webView.goBack();  
  6.     }else{  
  7.         removeWebView();  
  8.     }  
  9.     return false;        
  10. }  

3.cocos2d-x使用Jni

这里直接使用HelloWorld的示例,修改了close按钮的回调函数。


3.1.jni头文件

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

3.2.Jni调用打开webview

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


4.效果图

爪机截屏的。






ps:这里没有处理多次打开webview的情况。可以采用Jni方法来通知cocos2d-x,也可以直接在主类中设置一个成员变量标志位,调用openWebview时设置为true,removeWebView时设置为false,在调用openWebview时检测这个标志位来决定是否打开即可。

5.源码下载

包含win32,android代码,拿掉了android交叉编译生成的obj,保留so和apk文件。
下载地址:http://download.csdn.net/detail/jackyvincefu/6770315
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:609805次
    • 积分:9222
    • 等级:
    • 排名:第2137名
    • 原创:108篇
    • 转载:1358篇
    • 译文:0篇
    • 评论:34条
    最新评论