Swift：设置model后修改collectionViewCell中的UIStackView

Question

我在 collectionViewCell 中有一个 UIStackView，我想根据Tweet文 object 对其进行修改。如果Tweet文 object 包含retweet object，我想将retweetedTextView包含到 stackView。

我当前的实现根本不在屏幕上呈现 stackView。 代码：

class TweetCell: UICollectionViewCell {
    
    //Initialize UI elements
    
    var tweet: Tweet? {
        didSet {
            if let tweet = tweet {
                
                if let _ = tweet.retweetedStatus {
                    bottomHStack = VStack(subviews: [
                        reactionHStack,
                        isRetweetedTextView,
                        tweetTextTextView,
                        timestampLabel
                    ], spacing: 8, layoutMargins: UIEdgeInsets(top: spacing, left: spacing, bottom: spacing, right: spacing))
                } else {
                    bottomHStack = VStack(subviews: [
                        reactionHStack,
                        tweetTextTextView,
                        timestampLabel
                    ], spacing: 8, layoutMargins: UIEdgeInsets(top: spacing, left: spacing, bottom: spacing, right: spacing))
                }   
            }
        }
    }
    
    var bottomHStack: VStack!
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setupViews()
    }
    
    func setupViews() {

        //Other stackviews 
        
        bottomHStack = VStack(subviews: [
            reactionHStack,
            isRetweetedTextView,
            tweetTextTextView,
            timestampLabel
        ], spacing: 8, layoutMargins: UIEdgeInsets(top: spacing, left: spacing, bottom: spacing, right: spacing))
        
        //Overall stack
        let mainStack = VStack(subviews: [
            userHStack,
            mediaCollectionView,
            bottomHStack,
            separatorLine
        ])
        
        addSubview(mainStack)
        mainStack.topAnchor.constraint(equalTo: topAnchor).isActive = true
        mainStack.leadingAnchor.constraint(equalTo: leadingAnchor).isActive = true
        mainStack.trailingAnchor.constraint(equalTo: trailingAnchor).isActive = true
        mainStack.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true
    } 

我已经考虑过实现“删除isRetweetedTextView ”的替代方法，但似乎不是最佳方法，例如将 heightConstraint 设置为零。 虽然它似乎确实删除了isRetweetedTextView ，但 stackView 中的间距仍然存在。

我想从堆栈中完全删除视图。

请注意，我还实现了与tweetTextTextView类似的功能，即如果 tweetText 是空字符串，我也想将其从 stackView 中删除。 创建不同的堆栈视图来满足不同的组合是不切实际的。

Answer 1

UIStackView中有一个默认行为，如果该视图的isHidden属性为true ，它会自动删除视图并重新排列堆栈。

您可以创建一个包含所有可能视图的堆栈视图，然后根据您的需要简单地隐藏或显示视图。 无需为底层视图的不同可能安排初始化多个堆栈视图。

例如，您可以使用reactionHStack 、 isRetweetedTextView 、 tweetTextTextView和timestampLabel初始化一个堆栈视图，然后如果没有转推则使isRetweetedTextView.isHidden = true 。