约束布局更改后，不会触发UIButton操作

Posted 2021-04-18

我在故事板ViewController上有一个UIButton。当我将数据加载到表单中并且布局显着改变时，按钮无法识别触摸操作。

我已经发现，如果按钮在滚动视图后面可见，如果填充了数据，则触摸动作可以正常工作。

如果数据太长并且按钮最初不可见，则只要它滚动到显示屏中，触摸操作就不起作用。

我正在检查按钮上方是否有东西，但没有。我试图改变按钮的zPosition，但没有解决问题。

可能是什么问题？

我已经从UIScrollView和UIButton创建了自定义类来检查触摸事件是如何触发的。它表现出相同的行为，这很明显。如果按钮在开头可见，则会触发UIButton的touchesBegan事件。如果按钮向下移动而在开头不可见，则永远不会触发，但会调用scrollview的touchesBegan。

根据我加载到页面中的数据大小，有时按钮在开头可见，但表单仍然可以滚动一点。在这种情况下，按钮仍然有效，因此看起来这种行为并不取决于滚动视图是否在之前滚动，只是在按钮的初始可见性上滚动。

是否有任何布局或显示刷新功能应调用以将行为设置为按钮？

代码部分，如果填充的数据需要更大的空间，则确保为滚动调整内容视图的大小。

func fillFormWithData() {
    dispDescription.text = jSonData[0]["advdescription"]
    dispLongDescription.text = jSonData[0]["advlongdesc"]
    priceandcurrency.text = jSonData[0]["advprice"]! + " " + jSonData[0]["advpricecur"]!
    validitydate.text = jSonData[0]["advdate"]!
    contentview.layoutIfNeeded()
    let contentRect = CGRect(x: 0, y: 0, width: scrollview.frame.width, height: uzenetbutton.frame.origin.y+uzenetbutton.frame.height+50)

    contentview.frame.size.height = contentRect.size.height
    scrollview.contentSize = contentview.bounds.size
}

好的，所以另一个更新。我将contentview背景的颜色设置为蓝色，将scrollview背景设置为白色。当我加载数据并调整布局约束时，内容视图会按预期调整大小，但现在滚动视图将显示在底部。滚动视图后，它将调整为适合屏幕的原始大小。现在只有当我触摸后面的蓝色时才会识别按钮。使用白色背景时，它不再被识别，因此似乎滚动视图隐藏了按钮。

答案

让我明白这个按钮是在storyboard中添加的，它是一个spritekit项目？如果你使用的是zPosition？为什么不通过助理编辑器将UIButton作为IBAction连接，然后操作始终与按钮相关联。

您也可以采用不同的方式

创建一个SKLabelNode并将其放在您想要按钮的屏幕上，然后将其命名为myButton

override func touchesBegan(_ touches: Set<UITouch>, with event:
UIEvent?) {
 if let touch = touches.first {
    let location = touch.location(in: self)
    let tappedNodes = nodes(at: location)
      for node in tappedNodes {
        if node.name == "myButton" {
           // call your action here
        }
    }
  }
}

编辑1：您也可以尝试自动调整scrollView.content的大小，如果您通过应用程序添加任何视图或以编程方式添加任何视图

    private func resizeScrollView(){
    print("RESIZING THE SCROLLVIEW from (scrollView.contentSize)")
    for view in scrollView.subviews {
        contentRect = contentRect.union(view.frame)
    }
    scrollView.contentSize = CGSize(width: contentRect.size.width, height: contentRect.size.height + 150)
    print("THE CONTENT SIZE AFTER RESIZING IS: (scrollView.contentSize)")
}

编辑2：我想我发现你的项目存在问题。您需要在对象检查器中将MessageButton（UzenetButton）移动到DispDescription标签之上，这样它将始终位于消息textView上方。目前，UzeneButton位于视图层次结构的最后面，因此如果textView在调整时正在调整大小，则会覆盖按钮，这就是您无法单击它的原因。

另一答案

见@Endre Olah，

1. 为了使情况更清楚，还有一件事，将contentview的clipToBound属性设置为true。
2. 您会注意到，在加载数据后，您的按钮不完全可见，这意味着它正在移出其parentView（ContentView）的界限
3. 这就是为什么按钮不接触你的原因。但是，如果您仔细触摸按钮的上半部分，它仍然可以正常工作。因为上半部分仍然是ContentView的绑定
4. 解决方案：加载数据后，您必须确保增加ContentView的高度，使按钮永远不会超出其parentView（ContentView）的范围。

例如

@IBOutlet var heightConstraintOfContentView : NSLayoutConstraint!

加载数据后

let contentRect = CGRect(x: 0, y: 0, width: scrollview.frame.width, height: uzenetbutton.frame.origin.y+uzenetbutton.frame.height+50)
heightConstraintOfContentView.constant = contentRect.size.height
contentView.layoutIfNeeded()

另一答案

当我需要使用带有动态内容的scrollview时，我使用以下步骤：

1）首先添加一个scrollView，其顶部，底部，尾部和前导是0到超级视图。

2）添加一个视图到scrollView和视图的尾部，前导底部和顶部空间到scrollView可以设置为0（或者你可以选择添加边距）。

3）现在，您应该添加UI元素，如按钮，带有适当的顶部，底部，尾部和前导边距的标签。

4）最后，添加相等高度和相等宽度约束以使用安全区域查看：

并将视图的等高优先级更改为250：

它应该用UIScrollView解决你的问题。

另一答案

最后，我已经在另一个链中找到了解决方案，一旦很清楚scrollview的contentview正在将scroll事件的大小调整为原始大小。 （不清楚为什么会这样，但事实就是这样。）

所以我不得不在故事板中的contentview中添加一个高度约束并为其创建一个插座，并在内容大小发生变化时调整此约束，如下所示：

@IBOutlet weak var ContentViewHeight: NSLayoutConstraint!

func fillFormWithData() {
    dispDescription.text = jSonData[0]["advdescription"]
    dispLongDescription.text = jSonData[0]["advlongdesc"]
    priceandcurrency.text = jSonData[0]["advprice"]! + " " + jSonData[0]["advpricecur"]!
    validitydate.text = jSonData[0]["advdate"]!
    contentview.layoutIfNeeded()
    let contentRect = CGRect(x: 0, y: 0, width: scrollview.frame.width, height: uzenetbutton.frame.origin.y+uzenetbutton.frame.height+50)

    contentview.bounds = contentRect
    scrollview.contentSize = contentRect.size

    ----------- This is the key line to the success ----------
    ContentViewHeight.constant = contentRect.size.height
    ----------------------------------------------------------
}

添加完成后，它可以完美运行。