Swift：从stackView中消失的视图

Question

我的主情节提要中有一个相当简单的设置：

• 包含三个视图的堆栈视图
• 第一个视图具有固定高度并包含一个段控制器
• 其他两个视图没有限制，其想法是一次只有一个处于活动状态，从而填满可用空间

我有如下代码来处理不断变化的视图活动视图：

import Foundation
import UIKit
class ViewController : UIViewController {
    @IBOutlet weak var stackView: UIStackView!
    @IBOutlet weak var segmentController: UISegmentedControl!
    @IBAction func SegmentClicked(_ sender: AnyObject) {
        updateView(segment: sender.titleForSegment(at: sender.selectedSegmentIndex)!)
    }
    override func viewDidLoad() {
        updateView(segment: "First")
    }
    func updateView(segment: String) {
        UIView.animate(withDuration: 1) {
            if(segment == "First") {
                self.stackView.arrangedSubviews[1].isHidden = false
                self.stackView.arrangedSubviews[2].isHidden = true
            } else {
                self.stackView.arrangedSubviews[1].isHidden = true
                self.stackView.arrangedSubviews[2].isHidden = false

            }
            print("Updating views")
            print("View 1 is \(self.stackView.arrangedSubviews[1].isHidden ? "hidden" : "visible")")
            print("View 2 is \(self.stackView.arrangedSubviews[2].isHidden ? "hidden" : "visible")")
        }
    }
}

As you can see, when the tab called 'First' is selected, the subview at index 1 should show, whilst 2 is hidden, and when anything else is selected, the subview at index 2 should show, whilst 1 is hidden .

如果我慢慢改变视图，这似乎一开始是有效的，但如果我走得快一点，索引 1 处的视图似乎在单击几下后永久隐藏，导致索引 0 处的视图覆盖整个屏幕。我在下面放置了一个显示问题的动画和故事板的屏幕截图。输出显示，当问题发生时，单击第一段时两个视图都保持隐藏状态。

谁能告诉我为什么会这样？这是一个错误，还是我没有做我应该做的事情？

非常感谢！

更新：我似乎能够通过按顺序转到第一个 > 第二个 > 第三个 > 第二个 > 第一段来可靠地重现该问题。

Answer 1

错误是在堆栈视图中隐藏和显示视图是累积的。奇怪的苹果错误。如果您在堆栈视图中隐藏了两次视图，则需要显示两次才能将其取回。如果显示3次，则需要隐藏3次才能真正隐藏（假设开始时是隐藏的）。

这与使用动画无关。

因此，如果您在代码中执行此类操作，仅在视图可见时隐藏视图，您将避免此问题：

if !myView.isHidden {
    myView.isHidden = true
}

Answer 2

在 Dave Batton 的精彩回答的基础上，您还可以添加 UIView 扩展，让呼叫站点更简洁，IMO。

extension UIView {

    var isHiddenInStackView: Bool {
        get {
            return isHidden
        }
        set {
            if isHidden != newValue {
                isHidden = newValue
            }
        }
    }
}

然后您可以调用 stackView.subviews[someIndex].isHiddenInStackView = false，如果您在堆栈视图中管理多个视图而不是一堆 if 语句，这将很有帮助。

Answer 3

最后，在尝试了这里的所有建议之后，我仍然无法弄清楚它为什么会这样，所以我联系了 Apple，让我提交错误报告。但是，我确实找到了解决方法，首先取消隐藏两个视图，这解决了我的问题：

func updateView(segment: String) {
    UIView.animate(withDuration: 1) {
        self.stackView.arrangedSubviews[1].isHidden = false
        self.stackView.arrangedSubviews[2].isHidden = false
        if(segment == "First") {
            self.stackView.arrangedSubviews[2].isHidden = true
        } else {
            self.stackView.arrangedSubviews[1].isHidden = true
        }
    }
}

Answer 4

检查堆栈视图和子视图的配置和自动布局约束，尤其是分段控件。

分段控件使堆栈视图的设置复杂化，因此我将分段控件从堆栈视图中取出并设置其相对于主视图的约束。

使用堆栈视图之外的分段控件，设置堆栈视图相对简单，以便您的代码能够正常工作。

重置堆栈视图上的约束，使其位于分段控件下方并覆盖超级视图的其余部分。在 Attributes Inspector 中，将 Alignment 设置为 Fill，将 Distribution 设置为 Fill Equally，并将 Content Mode 设置为 Scale to Fill。

移除对子视图的约束并将其内容模式设置为 Scale to Fill。

在您的代码中调整排列子视图的索引，它应该会自动运行。

Answer 5

据我所知，这种奇怪的行为是由动画持续时间引起的。如您所见，动画完成需要一秒钟，但如果您开始切换 segmentControl 的速度比这快，那么我认为这就是导致此行为的原因。

您应该做的是在调用该方法时停用用户交互性，然后在动画完成后重新启用它。

它应该看起来像这样：

func updateView(segment: String) {

    segmentControl.userInteractionEnabled = false
    UIView.animateWithDuration(1.0, animations: {
        if(segment == "First") {
            self.stackView.arrangedSubviews[1].isHidden = false
            self.stackView.arrangedSubviews[2].isHidden = true
        } else {
            self.stackView.arrangedSubviews[1].isHidden = true
            self.stackView.arrangedSubviews[2].isHidden = false

        }
        print("Updating views")
        print("View 1 is \(self.stackView.arrangedSubviews[1].isHidden ? "hidden" : "visible")")
        print("View 2 is \(self.stackView.arrangedSubviews[2].isHidden ? "hidden" : "visible")")
    }, completion: {(finished: Bool) in
        segmentControl.userInteractionEnabled = true
    }
}

虽然这会阻止快速切换（您可能会认为这是不利的），但我知道解决此问题的唯一方法是完全删除动画。