iOS 导航项横向模式下额外填充顶部的问题

Posted

技术标签:

【中文标题】iOS 导航项横向模式下额外填充顶部的问题【英文标题】:iOS Navigation Item issues of extra padding top on landscape mode 【发布时间】:2016-05-27 15:19:22 【问题描述】:

当我的应用在横向时,顶部有额外的填充。 这是我以编程方式创建导航栏时的代码。 在横向模式下移除填充顶部有什么建议吗?

    let navigationBar = UINavigationBar(frame: CGRectMake(0, 0, self.view.frame.size.width, 44)

    navigationBar.backgroundColor = UIColor.redColor()
    navigationBar.delegate = self;

    let navigationItem = UINavigationItem()
    navigationItem.title = "Title"

    let btnLeft = UIButton(frame: CGRectMake(0, 0, 44, 44))
    btnLeft.setImage(UIImage(named: “myImage.png"), forState: .Normal)

    let leftButton =  UIBarButtonItem()
    leftButton.customView = btnLeft

    navigationItem.leftBarButtonItem = leftButton

    navigationBar.items = [navigationItem]

    self.view.addSubview(navigationBar)

模拟器快照(横向)

模拟器截图(纵向)

【问题讨论】:

【参考方案1】:

您应该使用此设置轻松解决(例如在您的viewDidLoad 中):

self.edgesForExtendedLayout = UIRectEdge.None

替代方案:您也可以将它放在您的 UINavigationController 委托方法中(如果您在类中设置了导航委托 UINavigationControllerDelegate )称为 willShowViewController:

func navigationController(navigationController: UINavigationController, willShowViewController viewController: UIViewController, animated: Bool) 
    viewController.edgesForExtendedLayout = UIRectEdge.None

如果您使用UITableView,您还可以这样做:

 self.automaticallyAdjustsScrollViewInsets = false

你也可以直接编辑到属性检查器:

如果这些方法中的任何一个都不起作用,默认情况下,您的UINavigationBar 根据您的方向具有不同的高度。例如,导航栏是纵向 44 点,横向 32 点。 解决方法可以是:

// Create an IBOutlet of your navigationBar height constraint
@IBOutlet weak var navBarHeight: NSLayoutConstraint

override func viewWillLayoutSubviews() 
        super.viewWillLayoutSubviews()
        if self.view.bounds.size.height > self.view.bounds.size.width 
            self.navBarHeight.constant = 44
         else 
            self.navBarHeight.constant = 32
        

【讨论】:

没有。我的是 UIViewController 你有什么建议可以修复 44px 的纵向和横向导航栏。从两个快照中,导航栏具有相同的高度,但导航按钮在横向时未对齐。它看起来与底部对齐。 它仅取决于约束。可能您必须检查所有导航元素约束:全部重置,手动修复导航栏高度,然后在自动约束设置中完成其余操作。

以上是关于iOS 导航项横向模式下额外填充顶部的问题的主要内容,如果未能解决你的问题,请参考以下文章

在 Android N 多窗口模式下删除导航视图顶部填充

导航栏在横向模式下向上移动 - iOS

iOS 7 - 在横向模式下设置导航栏的背景

iOS 7 过度导航栏按钮填充

当我使用平板电脑访问网站时导航消失(横向模式)

UINavigationController 导航栏在横向模式下不会缩小