我应该在UITableViewCell内使用动态stackview还是使用UICollectionView？

如何解决我应该在UITableViewCell内使用动态stackview还是使用UICollectionView？

你好我正在构建航班预订应用程序，该应用程序具有复杂的UITableViewCell。基本上，这是带有阴影的简单卡，具有一堆stackviews。首先，您会在图像上看到它是用于标签的stackview。它是水平和动态的。下一个堆栈视图显示航班。它具有复杂的自定义视图，但为简单起见，以绿色边框显示。它也是动态的，因此我需要单独的stackview。下一个stackview适用于可以处理此预订的航空公司。我称它们为运算符。它也是动态的，因此我为它们构建了另一个stackview。在所有这些堆栈视图中，都包含在某些核心堆栈视图中。您可能会问，为什么我创建了单独的堆栈视图而不是一个？因为，上面的标签可以隐藏。而且所有堆栈视图中的间距都不同。

1. 这确实是复杂的设计。我按照上述方法构建了UITableViewCell。但是性能确实很差。原因很简单：我在cellForRowAt中做了太多事情。每当单元出队时，都会调用UITableViewCell的configure方法。这意味着我应该每次都清洁我的stackview，然后再附加我的视图。我认为这确实会影响性能。我不谈论单元格内的其他if / else语句。第一个问题是在这种情况下如何提高UITableViewCell的滚动性能？

2. 一些开发人员认为应该杀死UITableView。 UICollectionView统治着世界。可以，但是我可以在此设计中使用UICollectionView吗？是的，当然可以，但是上面的卡将是一个UICollectionViewCell，我只是避免了问题。另一个解决方案是为标签（参见图片），航班和操作员构建单独的UICollectionViewCell。这肯定会提高性能。但是，我怎样才能使它们全部生活在卡内？

P.S。我的cellForRowAt方法内部是什么？只有一种configure方法并将值分配给闭包。但是配置方法非常复杂。它得到一些协议，这些协议具有许多计算属性。我将该协议的实现传递给configure方法。协议是这样的：

protocol Booking {
  var flights: [Flight] { get }
  var operators: [Operator] { get }
  var labels: [Label] { get }
  var isExpanded: Bool { get set }
}

该协议的实施也很复杂。有许多map函数和if / else语句。一些字符串操作。那么，这会引起问题吗？我该如何解决？通过避免要计算的属性，而只是将属性（航班，运营商）传递给实现？

解决方法

正如我在评论中所说，在没有看到完整细节的情况下，很难提供帮助。而且，这是一个非常广泛的问题。

但是，这可能会给您一些帮助...

考虑两个单元格类。在每个单元格中，在创建单元格时都会添加“基本”元素-这些元素将存在，而与实际单元格数据无关：

• 您的“主”堆栈视图
• 您的“标签”堆栈视图
• 您的“航班”堆栈视图
• 您的“操作员”堆栈视图

为简化起见，让我们考虑一下“操作符”堆栈视图，我们将说每个“行”都是一个标签。

当您在单元格中设置数据时，您现在可能正在做的事情……

在单元格的初始化函数中：

    // create your main and 3 sub-stackViews

然后，当您从cellForRowAt设置数据时：

    // remove all labels from operator stack
    operatorStack.arrangedSubviews.forEach {
        $0.removeFromSuperview()
    }

    // add new label for each operator
    thisBooking.operators.forEach { op in
        let v = UILabel()
        v.font = .systemFont(ofSize: 15)
        v.text = op.name
        operatorStack.addArrangedSubview(v)
    }
    

因此，每次将cellForRowAt中的一个单元出队并设置其数据时，就是从堆栈视图中删除所有“操作符”视图，然后重新创建并重新添加它们。

相反，如果您知道最多有10个“操作员”子视图，则可以在创建单元格时添加它们，然后根据需要显示/隐藏。

在单元格的初始化函数中：

    // create your main and 3 sub-stackViews

    // add 10 labels to operator stack
    //  when cell is created
    for _ in 1...10 {
        let v = UILabel()
        v.font = .systemFont(ofSize: 15)
        operatorStack.addArrangedSubview(v)
    }

然后，当您从cellForRowAt设置数据时：

    // set all labels in operator stack to hidden
    operatorStack.arrangedSubviews.forEach {
        $0.isHidden = true
    }
    
    // fill and unhide labels as needed
    for (op,v) in zip(thisBooking.operators,operatorStack.arrangedSubviews) {
        guard let label = v as? UILabel else { fatalError("Setup was wrong!") }
        label.text = op.name
        label.isHidden = false
    }

这样，我们仅在创建单元时创建并添加一次“操作员视图”。当它出列/重用时，我们只是在隐藏未使用的视图。

同样，由于您说您有一个“真正复杂的设计” ，因此还有很多要考虑的问题……而且正如我提到的那样，您可能需要重新考虑整个方法。

但是，基本思想是只创建和添加一次子视图，然后在单元重用时根据需要显示/隐藏子视图。