如何在不留空间的情况下向 BakerFramework Newsstand 应用程序添加状态栏？答案

【问题标题】：How do I add a status bar to a BakerFramework Newsstand App without leaving space under the content?如何在不留空间的情况下向 BakerFramework Newsstand 应用程序添加状态栏？
【发布时间】：2014-12-23 14:12:20
【问题描述】：

当在 iOS 7+ 中查看问题时，我正在尝试将黑色状态栏添加到我的 BakerFramework for iOS Newsstand App。以前在 iOS 7+ 中，查看问题时状态栏会消失。

杂志的第一个“页面”是封面，由一个 HTML 页面组成，正文中带有 IMG 标签，其大小为 max-width:100% max-height:100%。在 Safari 中，查看该 HTML 文件，将窗口大小调整为适当的纵横比，图像只是填满了屏幕，没有其他任何东西——没有额外的空格或任何东西。图像具有正确的纵横比（1536px x 2008px）以适合状态栏下的 iPad 屏幕，然后完美地填满屏幕。现在最初，在没有状态栏的情况下，IMG 会填满 iPad 屏幕，除了底部有 20 像素的空白空间。但是当我们在顶部添加 20px 的状态栏时，一切都应该是完美的吧？

我将此代码添加到didFinishLaunchingWithOptions 方法中：

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7)
{
    self.window.clipsToBounds = YES;
    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];
    [self.window setAutoresizingMask:UIViewAutoresizingNone];
    self.window.frame =  CGRectMake(0, 20, self.window.frame.size.width, self.window.frame.size.height-20);
    self.window.bounds = CGRectMake(
        self.window.frame.origin.x,
        self.window.frame.origin.y,
        self.window.frame.size.width,
        self.window.frame.size.height
    );
}

...并将其放入 BakerViewController.m 文件中：

- (BOOL)prefersStatusBarHidden {
    return NO;
}

这给了我一个我想要的状态栏，它将我的内容向下移动 20 像素，这样状态栏就不会覆盖我的内容，并且封面 IMG 完美地填充了屏幕的其余部分。然而，它似乎也在我的内容下方保留了 20 像素的空白空间，将那个空间推到了屏幕之外！因为这是一个 BakerFramework 应用程序，所以我的所有内容都是 HTML。在 HTML 中，有时我们在某些页面上有一个 CSS position:fixed bottom:0 元素。这个固定位置元素似乎是沿着底部空间的底部定位，在屏幕底部下方 20px，而不是沿着屏幕本身的底部！我预计上述代码更改会完全删除底部空间，但事实并非如此。

就像上面的代码实际上并没有调整 HTML 文档窗口的大小...而是仅将 HTML 文档窗口向下移动了 20 像素。我需要实际调整 HTML 文档窗口的大小。

我对 iOS 开发非常非常陌生，所以我需要手把手的。如果您有任何建议让我摆脱我内容下的 20px 空白空间，我将非常感谢他们。

谢谢！

【问题讨论】：

终于找到了解决办法。必须在 BakerViewController.m 中的 setPageSize 方法中添加：pageHeight = pageHeight - 20;。希望这对某人有所帮助。

标签： html ios css objective-c newsstand-kit

【解决方案1】：

终于找到了解决办法。必须在 BakerViewController.m 中的 setPageSize 方法中添加：pageHeight = pageHeight - 20;。希望这对某人有所帮助。

【讨论】：