UITableView上方的自定义UIView（用户拉动刷新时）

Question

对于我的 iOS 应用程序 (swift)，我正在尝试在 tableView 上方添加一个自定义 UIView。当用户拉下 tableView 时，应用程序应如此屏幕截图所示。

Screenshot of current status

顶部蓝色区域中的文本（“Zorneding ...”）仍然是 tableView 标题的一部分。文字上方的蓝色区域是一个UIView，是我在TableViewController的ViewDidAppear函数中添加的。

我用于在ViewDidAppear 中添加 UIView 的代码如下。

    // Blue background view behind refresh control
    var frame = tableView.bounds
    frame.origin.y = -frame.size.height
    frame.size.width -= 10
    frame.origin.x += 5
    let refreshBackgroundView = UIView(frame: frame)
    refreshBackgroundView.backgroundColor = GlobalConstants.Color.ZeroBlue
    tableView.insertSubview(refreshBackgroundView, atIndex: 0)

此代码在纵向上运行良好。但是当将设备旋转到横向时，refreshBackgroundView 当然不会改变它的大小，因此只会覆盖部分屏幕。

我已经尝试将约束添加到refreshBackgroundView，但我无法让它们工作。

我尝试的另一件事是继承UIRefreshControl并在那里配置它的背景，但是当拉下tableView时，tableView标题和刷新控制视图之间的小间隙是可见的（tableView背景闪耀通过）。

知道如何在设备旋转时使我的代码正常工作吗？

谢谢！

解决方案：

解决方案很简单。使用布局约束。我不知道为什么昨天这些对我不起作用。

这是新代码：

    // Add background view behind UIRefreshControl
    let refreshBackgroundView = UIView()
    refreshBackgroundView.backgroundColor = GlobalConstants.Color.ZeroBlue
    tableView.insertSubview(refreshBackgroundView, atIndex: 0)

    refreshBackgroundView.translatesAutoresizingMaskIntoConstraints = false

    NSLayoutConstraint(item: refreshBackgroundView, attribute: .Height, relatedBy: .Equal, toItem: tableView, attribute: .Height, multiplier: 1.0, constant: 0.0).active = true
    NSLayoutConstraint(item: refreshBackgroundView, attribute: .Width, relatedBy: .Equal, toItem: tableView, attribute: .Width, multiplier: 1.0, constant: -10.0).active = true
    NSLayoutConstraint(item: refreshBackgroundView, attribute: .Bottom, relatedBy: .Equal, toItem: tableView, attribute: .Top, multiplier: 1.0, constant: 0.0).active = true
    NSLayoutConstraint(item: refreshBackgroundView, attribute: .CenterX , relatedBy: .Equal, toItem: tableView, attribute: .CenterX, multiplier: 1.0, constant: 0.0).active = true

Answer 1

答案是：使用 AutoLayout。

故事板

您可以从情节提要中添加您需要的所有约束

XIB

如果以编程方式加载UIView，您还可以以编程方式添加NSLayoutConstraint。它们保证可以在横向模式下工作。

...但我无法让它们工作...

查看https://stackoverflow.com/a/18759148/218152 并为refreshBackgroundView 高度添加约束。固定它：

// Add constraints to fit to superview, below the nav bar
UIView * hintView = self.refreshBackgroundView;
[hintView setTranslatesAutoresizingMaskIntoConstraints:NO];
[self.tableView addConstraints:[NSLayoutConstraint
                               constraintsWithVisualFormat:@"H:|-0-[hintView]-0-|"
                               options:NSLayoutFormatDirectionLeadingToTrailing
                               metrics:nil
                               views:NSDictionaryOfVariableBindings(hintView)]];

id<UILayoutSupport> guide = self.topLayoutGuide;
[self.tableView addConstraints:[NSLayoutConstraint
                               constraintsWithVisualFormat:@"V:|[guide]-0-[hintView]-0-|"
                               options:NSLayoutFormatDirectionLeadingToTrailing
                               metrics:nil
                               views:NSDictionaryOfVariableBindings(hintView, guide)]];

UIRefreshControl

您确实应该使用UIRefreshControl 以获得长期兼容性。

Answer 2

我会在带有其余界面元素的 Xib 中设置 refreshBackgroundView。

就我个人而言，我发现 Xibs 是设置布局约束的最佳/最直接的方式。如果您采用这种方法，则意味着您的约束在横向或纵向都可以正常工作，而无需附加任何附加条件。