如何在循环中创建的视图上处理 UITapGestureRecognizer？

Question

我有一个垂直的 UIStackView，我在这个视图中附加了一个水平的 UIStackView 和一些 UILabel。我附加了 UITapGestureRecognizer 来处理点击动作。当我点击一行时，如何更改例如标签（这是一个子视图）？

到目前为止，这是我的代码：

for article in articleType {
    //Create a row
    let row = UIStackView()
    row.axis = NSLayoutConstraint.Axis.horizontal
    
    //Create a label and indicator
    let label = UILabel()
    label.text = article.label

    let indicator = UILabel()
    indicator.text = "off"

    //Add label to row and row to parent stack view
    row.addSubView(label)
    row.addSubView(indicator)
    mainUiStackView.addArrangedSubview(row)

    //Create tap handled
    let tap = UITapGestureRecognizer(target: self, action: #selector(self.handleTap(sender:)))
    row.addGestureRecognizer(tap)
}

@objc func handleTap(sender: UITapGestureRecognizer? = nil) {
    print(sender.view)

    //This is where i'm stuck, how can i change the second label's text to "on" for example?
    sender.view.indicator.text = "on"

}

Answer 1

您的代码会循环并在局部变量row 中创建一系列堆栈视图。然后，您不会将这些堆栈视图添加到您的视图层次结构中，因此它们会“掉在地上”。

对于这一行：

let row = UIStackView()

每次通过您的 for 循环后，您创建的堆栈视图将超出范围并被释放。

编辑：

在您指出之后，我现在看到您将row 堆栈视图添加到mainUiStackView 的位置。

我根据您创建的 cmets 收集到，您希望在您的“行”堆栈视图之一上进行点击，将该堆栈视图中的 indicator 标签设置为“打开”。

我建议构建一个包含行堆栈视图及其标签视图（作为结构）的数组。然后找到被点击的行并将其标签设置为开启状态：

struct RowStackViewStruct { 
   let stackView: UIStackView
   let label: UILabel
}

var rowStackViews = [RowStackViewStruct]()


for article in articleType {
    //Create a row
    let row = UIStackView()
    row.axis = NSLayoutConstraint.Axis.horizontal
    
    //Create a label and indicator
    let label = UILabel()
    label.text = article.label

    let indicator = UILabel()
    indicator.text = "off"

    //Add label to row and row to parent stack view
    row.addSubView(label)
    row.addSubView(indicator)
    mainUiStackView.addArrangedSubview(row)

    //Create tap handled
    let tap = UITapGestureRecognizer(target: self, action: #selector(self.handleTap(sender:)))
    row.addGestureRecognizer(tap)

    //Build a RowStackViewStruct for this row
    let newRowStackViewStruct = RowStackViewStruct(stackView: row,
      label: indicator)
    rowStackViews.append(newRowStackViewStruct)
}

And then in your tap handler code:

@objc func handleTap(sender: UITapGestureRecognizer? = nil) {
    print(sender.view)

    if let aStruct = rowStackViews.first(where: { sender?.view == $0.stackView }) {
       aStruct.label.text = "on"
}

我在 SO 编辑器中敲出了上面的代码。它可能包含轻微的语法错误，仅供参考，而不是您可以放入的复制粘贴代码。

您似乎真的应该跟踪行的开关状态。看起来你应该有一个模型对象数组来代表你的行的状态，并使用它来构建和维护你的主垂直堆栈视图。事实上，切换到表格视图或集合视图可能会更好，因为它们是由模型驱动的。

Answer 2

首先，确保您要点击的任何标签的isUserInteractionEnabled 属性设置为true，因为它默认设置为false。

@objc func handleTap(_ sender: UITapGestureRecognizer) {
    guard let tappedView = sender.view else { return }
    let location = sender.location(in: tappedView.superview)
    if case let hitView as UILabel = tappedView.hitTest(location, with: nil) {
        hitView.text = hitView.text == "off" ? "on" : "off"
    }
}