堆栈视图中删除的元素不会在屏幕上消失

Posted

技术标签:

【中文标题】堆栈视图中删除的元素不会在屏幕上消失【英文标题】:Removed element in stack views not disappearing on screen 【发布时间】:2020-09-26 19:05:29 【问题描述】:

我正在尝试创建一个带有按钮以添加或删除行和列的表格编辑器,但我遇到了删除部分的问题。

我从一个 2*2 表开始,由水平堆栈中的 2 个垂直堆栈组成,在第一个 vStack 中填充标签 A 和 C ,在第二个 vStack 中填充标签 B 和 D 。我的按钮应该删除每个垂直堆栈中的最后一项,以便删除屏幕上的最后一行。它似乎在某种程度上起作用,最后一行消失了,但里面的标签突然与屏幕上的第一行重叠。

这是我的代码,以及重叠问题的屏幕截图:

import UIKit

class ViewController: UIViewController 
    
    @IBOutlet weak var horizontalStack: UIStackView!
    
    @IBAction func removeRow(_ sender: Any) 
        for vStack in horizontalStack.arrangedSubviews 
            if let stack = vStack as? UIStackView 
                var index = stack.arrangedSubviews.count
                index -= 1
                print(stack.arrangedSubviews)
                stack.removeArrangedSubview(stack.arrangedSubviews[index])
                print(stack.arrangedSubviews)
            
        
    
    
    override func viewDidLoad() 
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
    

(我仍在学习向下转换,因此它可能不是实现我想要的最佳方法,但我认为这不是我的问题的原因(或者是吗?)。)

before clicking button after clicking button

当我在删除最后一项之前和之后打印堆栈的内容时,它确实消失了,所以我猜测问题更有可能来自屏幕本身没有正确更新,或者是约束导致问题,我不知道。

如果你有任何想法,我会很高兴听到它。

【问题讨论】:

【参考方案1】:

ios 12.0 及以上版本您应该使用

stackView.arrangedSubviews[index].removeFromSuperview()

如果使用removeArrangedSubview(),则会出现一个错误,即指定索引处的视图被删除,但仍出现在 CGPoint(x: 0, y: 0)。

查看更多详情UIStackView : Is it really necessary to call both removeFromSuperView and removeArrangedSubview to remove a subview?

【讨论】:

以上是关于堆栈视图中删除的元素不会在屏幕上消失的主要内容,如果未能解决你的问题,请参考以下文章

切换方向时从堆栈视图中删除的元素

在 IOS 堆栈视图中的元素之间放置边距

为啥在我的视图被推送到导航堆栈之前我的 UIAlertView 没有在屏幕上消失?

WPF TreeView保持屏幕上可见的元素列表

Swift UIView 从堆栈视图中消失

从子视图 SwiftUI 中删除 UI 元素