Cordova InAppBrowser 顶部边距

Question

我正在尝试自定义 Cordova InAppBrowser 以在 webView 中添加上边距。

我想使用应用内浏览器，但在屏幕顶部显示一个 50 像素的导航栏，带有一个后退按钮来关闭 InAppBrowser。

目前正在使用 iOS 版本，我正在尝试将视图的原点更改为 y = 50，但它不起作用。

CGRect theFrame = self.inAppBrowserViewController.view.frame; theFrame.origin.y = 50; theFrame.size.height = theFrame.size.height - 50; self.inAppBrowserViewController.view.frame = theFrame;

它总是在视图底部留出空闲空间。

Answer 1

我发现 Cordova-OverAppBrowser 做得很好，至少对于 Android https://github.com/etabard/Cordova-OverAppBrowser（支持 OSX，但我还没有测试过）。

您可以创建一个新的浏览器并指定 X、Y、宽度和高度。最后一个参数是动画的淡入淡出：

var oab = new OverAppBrowser($stateParams.input, 0, 50, 400, 400, true);

如果您使用的是 ionic，请确保在离开视图时关闭浏览器窗口：

$scope.$on('$ionicView.leave', function() {
    oab.close();
});

直接从 github 获取它是我唯一可行的解​​决方案：

cordova plugin add https://github.com/etabard/Cordova-OverAppBrowser

Answer 2

查看重新定位视图

- (void) rePositionViews {
    if ([_browserOptions.toolbarposition isEqualToString:kInAppBrowserToolbarBarPositionTop]) {
        [self.webView setFrame:CGRectMake(self.webView.frame.origin.x, TOOLBAR_HEIGHT, self.webView.frame.size.width, self.webView.frame.size.height)];
        [self.toolbar setFrame:CGRectMake(self.toolbar.frame.origin.x, [self getStatusBarOffset], self.toolbar.frame.size.width, self.toolbar.frame.size.height)];
    }
}

在 createViews 之后调用此方法来重置位置。这是您的更改被重置的地方。注意这一行

[self.toolbar setFrame:CGRectMake(self.toolbar.frame.origin.x, [self getStatusBarOffset], self.toolbar.frame.size.width, self.toolbar.frame.size.height)];

您会看到它实际上是在添加一个上边距来解决 iOS 7 的状态栏高度。充分利用这一点并多抵消一点。

Answer 3

你应该在打开窗口的时候设置toolbar=yes，得到你需要的东西

window.open(url, _blank, 'toolbar=yes');