使用webview的h5游戏在iPhoneX设备全屏的实现

最新推荐文章于 2022-02-21 14:32:31 发布

ch_majia

最新推荐文章于 2022-02-21 14:32:31 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/ch_majia/article/details/97376475

版权

用cocosCreator做的h5小游戏，在有刘海的iphone上无法全屏，出现了安全区问题。

折腾了一下午，主要是对h5和html这些web 的东西很陌生，现在基本解决了问题。

由于我们的前端载体是基于quickcocos3.3的内嵌webview实现，因此还需要找的cpp部分创建uiwebview的代码修改部分。

主要需要修改两处实现：

1.在cocos2dx引擎的UIWebVIewImpl-ios.mm文件中，修改忽略iPhoneX设备的安全区。

- (void)setupWebView {
    if (!self.uiWebView) {
        self.uiWebView = [[[UIWebView alloc] init] autorelease];
            if (@available(iOS 11.0, *)) {
                self.uiWebView.scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
            } else {
                // Fallback on earlier versions
            }
        self.uiWebView.delegate = self;
    }
    if (!self.uiWebView.superview) {
        auto view = cocos2d::Director::getInstance()->getOpenGLView();
        auto eaglview = (CCEAGLView *) view->getEAGLView();
        [eaglview addSubview:self.uiWebView];
    }
}

2.在cocoscreator导出的h5工程中，修改intex.html

在head标签加入

<meta name='viewport' content='initial-scale=1, viewport-fit=cover'>

在body中加入

<body style="padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);">

ch_majia

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用webview的h5游戏在iPhoneX设备全屏的实现

用cocosCreator做的h5小游戏，在有刘海的iphone上无法全屏，出现了安全区问题。折腾了一下午，主要是对h5和html这些web 的东西很陌生，现在基本解决了问题。由于我们的前端载体是基于quickcocos3.3的内嵌webview实现，因此还需要找的cpp部分创建uiwebview的代码修改部分。主要需要修改两处实现：1.在cocos2dx引擎的UIWebVIewI...
复制链接

扫一扫