cocos2d-x在iOS/Android双平台上嵌入WebView

来源:未知 责任编辑:责任编辑 发表时间:2015-03-01 01:34 点击:

 

游戏中的帮助和游戏公告,可以通过嵌入显示WebView的方案来实现,通过编辑HTML来修改、更新公告的样式和内容都很方便。

iOS平台嵌入

iOS平台上的嵌入很顺利,网上有现成的教程加代码,关键是做好OC与C++代码混编的封装。
参考如下链接中的实现方式: cocos2d-x 使用UIWebView加载网页

Android平台嵌入

1. 通过JNI从cocos2d-x的C++代码调用java代码。

这是Android实现WebView嵌入的前提条件,务必仔细的学习一遍,否则无法向下继续。 详情参见: JNI使用教程

这是我总结的一篇JNI使用的教程,基本涵盖所有JNI使用相关的要点。

2. java代码的实现

标准Android显示WebView的实现,参考代码如下:

    public void displayWebView() {
        this.runOnUiThread(new Runnable() {
            public void run() {
//actInstance为成员变量,是当前的Activity。   m_webView是WebView类型的成员变量
                LinearLayout layout = new LinearLayout(actInstance);
                actInstance.addContentView(layout, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
                m_webView = new WebView(actInstance);
                layout.addView(m_webView);

                LinearLayout.LayoutParams linearParams = (LinearLayout.LayoutParams) m_webView.getLayoutParams();
//可选的webview位置,x,y,width,height可任意填写,也可以做为函数参数传入。
                linearParams.leftMargin = x;
                linearParams.topMargin = y;
                linearParams.width = width;
                linearParams.height = height;
                m_webView.setLayoutParams(linearParams);

//可选的webview配置
                m_webView.setBackgroundColor(0);
                m_webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
                m_webView.getSettings().setAppCacheEnabled(false);
            }
        });
    }

这里需要注意的问题是:

JNI调用过来的代码并不是在主线程程序流中,UI显示需要放到主线程中进行。这个问题卡了我半天的时间,最后问了锋哥才明白Android上需要这么搞。

源码分享

 

3. 对webView的配置

在自定义的webView中跳转链接,而不是打开系统浏览器。

这需要对webView设置WebViewClient,并实现shouldOverrideUrlLoading方法,如下:

改变WebView视图的大小与位置

设置webView的LayoutParamaters,setLayoutParams。

 

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • cocos2d-x学习笔记(19)--label 、label atlas
    • cocos2d-x学习笔记(23)--地图的使用3--CCTMXLayer
    • Cocos2d-x 2.0 之 Actions “三板斧” 之一
    • Cocos2d-x学习(一):HelloWorld
    • cocos2d-x学习笔记(18)--游戏打包(windows平台)
    • cocos2d 设置屏幕默认方向
    •  Cocos2d-x初学指南(5): Tiled Map的使用(视角移动,碰撞检测)
    • cocos2d-x学习笔记(16)--spritesheet(精灵表单)
    • cocos2d-x学习笔记(15)--地图的使用(TMX)
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索 - 移动版 - 返回顶部
    Copyright © 2008-2013 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1