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

Question

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

我发现当按钮在滚动视图上可见时，如果填充了数据，则触摸操作有效。

如果数据太长，一开始看不到按钮，刚滚动到显示时，触摸动作不起作用。

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

可能是什么问题？

我已经从 UIScrollView 和 UIButton 自定义类来检查触摸事件是如何触发的。它表现出相同的行为，这是显而易见的。如果按钮一开始就可见，则会触发 UIButton 的 touchesBegan 事件。如果按钮向下移动且一开始不可见，则永远不会触发，而是调用滚动视图的 touchesBegan。

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

是否应该调用任何布局或显示刷新函数来将行为设置回按钮？

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

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 正在底部。在我滚动视图后，它正在调整为适合屏幕的原始大小。现在只有当我触摸后面蓝色的区域时才能识别按钮。由于白色背景，它不再被识别，所以看起来 scrollview 隐藏了按钮。

Answer 1

让我弄清楚这个按钮是添加到故事板中的，它是一个 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 在编辑时调整大小，它会覆盖按钮，这就是您无法单击它的原因。

Answer 2

最后，我在另一个链中找到了解决方案，一旦清楚滚动视图的内容视图正在将滚动事件的大小调整为原始大小。（不清楚为什么会这样，但事实就是如此。）

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

@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
    ----------------------------------------------------------
}

加上这个后，完美运行

Answer 3

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

1) 先添加一个scrollView，top, bottom, trailing and leading is 0到超级视图。

2) 添加一个view到scrollView和view的trailing, leading bottom并且 top space 到 scrollView 可以设置为 0（或者您可以选择添加边距）。

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

4) 最后，为 view 添加等高和等宽约束，使用 Safe Area:

并将view的等高优先级改为250:

UIScrollView应该可以解决你的问题。

Answer 4

见@Endre Olah，

为了让情况更清楚，再做一件事，将 clipToBound 属性 of contentview 设置为真.
您会注意到加载数据后您的按钮不完全可见，这意味着它正在移动 超出其 parentView (ContentView)[=] 的范围 35=]

这就是按钮没有触及您的原因。但是，如果您小心地触摸按钮的上半部分，它仍然可以正常工作。因为上半部分还在 bound of ContentView

解决方法：加载数据后，您必须确保增加 ContentView 的高度，这样 button 永远不会 超出范围 的 parentView(ContentView).

例如

@IBOutlet var heightConstraintOfContentView : NSLayoutConstraint!

After loading of data

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()

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

UIButton action is not triggered after constraint layouts changed

action

touch

uibutton

swift