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

时间:2018-08-24 11:03:33

标签: swift uibutton touch action

我在情节提要ViewController上有一个UIButton。当我将数据加载到表单中并且布局发生重大变化时,按钮无法识别触摸动作。

我发现,如果滚动按钮紧随其后在滚动视图中可见,则该按钮可以正常工作。

如果数据太长并且开始时按钮不可见,则仅当滚动到显示屏时,触摸操作才会起作用。

我正在检查按钮上方是否有东西,但是什么也没有。我试图更改按钮的zPosition,但没有解决问题。

可能是什么问题?

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

根据我加载到页面中的数据大小,有时按钮在一开始是可见的,但是表格仍然可以滚动一点。在这种情况下,按钮仍然可以正常工作,因此这种现象似乎并不取决于滚动视图是否在之前滚动,而仅取决于按钮的初始可见性。

是否应该调用任何布局或显示刷新功能以将行为恢复到按钮状态?

My storyboard setup:

如果填充的数据需要更大的空间,则该代码部分可确保为滚动调整ContentView的大小。

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
}

After data load contentview+scrollview jumps to the bottom

After scroll the content view is cut to the original screensize

好的,所以再更新一次。我已将contentview背景色为蓝色,并将scrollview背景色为白色。当我加载数据并调整布局约束的大小时,contentview会按预期调整大小,但是现在,scrollview会移到底部。滚动视图后,它将调整为适合屏幕大小的原始大小。现在,只有当我触摸后面是蓝色的are时,才能识别该按钮。背景为白色,因此无法识别,因此滚动视图似乎正在隐藏该按钮。

4 个答案:

答案 0 :(得分:2)

让我清楚一点,此按钮已添加到情节提要中,这是一个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的大小,它将覆盖按钮,这就是您无法单击它的原因。

答案 1 :(得分:2)

请参阅@Endre Olah,

  1. 要使情况更加清楚,请执行另一件事,请将 contentview clipToBound 属性设置为 true
  2. 您会注意到,在加载数据后,您的按钮不完全可见,这意味着该按钮正在其 parentView(ContentView)
  3. 移出
  4. 这就是为什么按钮不起作用的原因。但是,如果您小心地触摸按钮的上部,它仍然会起作用。因为上部仍位于 ContentView
  5. 绑定
  6. 解决方案: 加载数据后,您必须确保增加 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()

答案 2 :(得分:0)

最后,一旦很清楚滚动视图的contentview会根据滚动事件将大小调整为原始大小,我便在另一个链中找到了解决方案。 (不清楚为什么会这样,但这是事实。)

因此,我必须在情节提要中的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
    ----------------------------------------------------------
}

添加后,它可以完美运行。

Contentsize is perfectly as should be

答案 3 :(得分:0)

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

1)首先添加一个滚动视图,其中顶部,底部,尾部前导 0 进入超级视图。

Scroll View Constraints

2)在 scrollView 中添加 view ,并在 scrollView 中添加 view 的尾部,底部和顶部空间>可以设置为0(或者您可以选择添加边距)。

view Constraints

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

4)最后,在具有安全区域的视图中添加等高和等宽约束:

enter image description here

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

它应该使用 UIScrollView 解决您的问题。