我的问题是:每当 iPhone 用户通话时，或将他或她的手机用作热点时，iOS 7 状态栏都会放大，从而将我的 Phonegap 应用程序的 UIWebView 推离屏幕底部。放大的状态栏被称为“通话中状态栏”。见下图:

Stack Overflow 的回答我已经尝试解决这个问题:

Iphone- How to resize view when call status bar is toggled?

How In-Call status bar impacts UIViewController's view size ? (and how to handle it properly)

此外，Phonegap 似乎没有触发任何类型的事件来通知我状态栏的变化。收听 Phonegap“暂停”事件是无用的，因为 1) it's known to have quirks in iOS 2) 它并没有真正涵盖热点案例。

我的 Objective-C 技能非常少，我只是在进行了必要的 4 小时谷歌搜索、Stack Overflowing、哀号等之后才求助于问这类问题......

Stack Overflow 的众神，向我展示你慷慨的 Nerd 的愤怒。

最佳答案

根据 Jef 的建议提出了以下解决方案。您需要执行以下操作:

• 观察原生didChangeStatusBarFrame委托(delegate)
• 通过原生statusBarFrame获取状态栏大小信息
• 通过触发传递信息的事件向您的 WebView 公开信息

我已经设置了一个 Github repo包含您在此答案中找到的所有代码。

在 AppDelegate 中设置通知

// Appdelegate.m
- (void)application:(UIApplication *)application didChangeStatusBarFrame:(CGRect)oldStatusBarFrame
{
  NSMutableDictionary *statusBarChangeInfo = [[NSMutableDictionary alloc] init];
  [statusBarChangeInfo setObject:@"statusbarchange" 
                     forKey:@"frame"];

  [[NSNotificationCenter defaultCenter] postNotificationName:@"statusbarchange" 
                                        object:self 
                                        userInfo:statusBarChangeInfo];
 }

使 statusBarChange 选择器可用

// MainViewController.h
@protocol StatusBarChange <NSObject>
    -(void)onStatusbarChange:(NSNotification*)notification;
@end

设置监听器。这会在 statusBarFrame 更改时获取 origin 和 size 字典，并在传递此数据的 webview 中触发事件。

// MainViewController.m
- (void)onStatusbarChange:(NSNotification*)notification
{
    // Native code for
    NSMutableDictionary *eventInfo = [self getStatusBarInfo];
    [self notifiy:notification.name withInfo:eventInfo];
}

- (void)notifiy:(NSString*)event withInfo:(NSMutableDictionary*)info
{
    NSString *json = [self toJSON:info];
    NSString *cmd = [NSString stringWithFormat:@"cordova.fireWindowEvent('\%@\', %@)", event, json];
    [self.webView stringByEvaluatingJavaScriptFromString:cmd];
}

- (NSMutableDictionary *)getStatusBarInfo
{
    CGRect statusBarFrame = [[UIApplication sharedApplication] statusBarFrame];

    NSMutableDictionary *statusBarInfo = [[NSMutableDictionary alloc] init];
    NSMutableDictionary *size = [[NSMutableDictionary alloc] init];
    NSMutableDictionary *origin = [[NSMutableDictionary alloc] init];

    size[@"height"] = [NSNumber numberWithInteger:((int) statusBarFrame.size.height)];
    size[@"width"] = [NSNumber numberWithInteger:((int) statusBarFrame.size.width)];

    origin[@"x"] = [NSNumber numberWithInteger:((int) statusBarFrame.origin.x)];
    origin[@"y"] = [NSNumber numberWithInteger:((int) statusBarFrame.origin.y)];

    statusBarInfo[@"size"] = size;
    statusBarInfo[@"origin"] = origin;

    return statusBarInfo;
}

- (NSString *) toJSON:(NSDictionary *)dictionary {
    NSError *error;
    NSData *jsonData = [NSJSONSerialization dataWithJSONObject:dictionary options:NSJSONWritingPrettyPrinted error:&error];
    return [[NSString alloc] initWithData:jsonData encoding:NSUTF8StringEncoding];
}

- (void)dealloc
{
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

所有这些都允许您监听 window.statusbarchange 事件，例如像这样:

// www/js/index.js
window.addEventListener('statusbarchange', function(e){
  // Use e.size.height to adapt to the changing status bar      

}, false)

关于ios - 防止 iOS 通话状态栏将 Phonegap UIWebView 推离屏幕，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21619829/