我想创建一个盒子网格，它们是 Label 在我的 UITableViewCell 中具有固定宽度和高度的网格。如何做到这一点？
我想要这个：
我明白了：
我尝试在UITableViewCell 中使用UICollectionView，但遇到了两个问题：
UITableViewCell 的高度不会根据项目的数量动态变化我的问题：
创建Label 网格的最佳方法是什么，这样UITableViewCell 的高度将根据项目数动态变化，因此我可以准确设置项目之间的间距？
（如果没有UICollectionView 也可以做到，那就太好了，但这不是必需的）
【问题讨论】：
标签： ios swift uitableview uicollectionview
这里是 initWithStyle:reuseIdentifier: 方法的更新版本，可确保标签为 30x30：
override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
let count = 16 + Int(arc4random_uniform(16))
print(count)
let rows = Int(ceil(Double(count) / Double(ColumnCount)))
let columnView = LMColumnView()
for var i = 0; i < rows; i++ {
let rowView = LMRowView()
rowView.height = 30
columnView.addArrangedSubview(rowView)
for var j = 0; j < ColumnCount; j++ {
let number = Int(arc4random_uniform(150))
let label = UILabel()
if (i * ColumnCount + j < count) {
label.text = String(number)
label.width = 30
label.textAlignment = NSTextAlignment.Center
label.backgroundColor = UIColor.greenColor()
}
rowView.addArrangedSubview(label)
}
rowView.addArrangedSubview(LMSpacer())
}
appendMarkupElementView(columnView)
}
它使用 8 像素的默认间距，但您可以通过 LMColumnView 和 LMRowView 的 spacing 属性更改它。
【讨论】：
如果您的目标是 iOS 9，您可以通过将 UIStackViews 的集合添加到您的单元格来做到这一点。外部堆栈视图是垂直的，每一行都是水平堆栈视图。您可以使用FillEqually 进行分布，以确保所有单元格的宽度相同。
或者，您可以考虑使用支持 iOS 8 的 MarkupKit 框架中的 LMColumnView 和 LMRowView。下面是一个示例：
视图控制器的源代码如下所示：
import UIKit
class ViewController: UITableViewController {
let GridCellIdentifier = "gridCell"
override func viewDidLoad() {
super.viewDidLoad()
tableView.registerClass(GridCell.self, forCellReuseIdentifier: GridCellIdentifier)
tableView.estimatedRowHeight = 2;
}
override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
return 1;
}
override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return 6;
}
override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
return tableView.dequeueReusableCellWithIdentifier(GridCellIdentifier)!
}
}
单元格代码如下所示：
import UIKit
import MarkupKit
class GridCell: LMTableViewCell {
let ColumnCount = 7
override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
let count = 16 + Int(arc4random_uniform(16))
let rows = Int(ceil(Double(count) / Double(ColumnCount)))
let columnView = LMColumnView()
for var i = 0; i < rows; i++ {
let rowView = LMRowView()
rowView.height = 40
columnView.addArrangedSubview(rowView)
for var j = 0; j < ColumnCount; j++ {
let number = Int(arc4random_uniform(150))
let label = UILabel()
if (i * ColumnCount + j < count) {
label.text = String(number)
label.textAlignment = NSTextAlignment.Center
label.backgroundColor = UIColor.greenColor()
}
label.weight = 1.0
rowView.addArrangedSubview(label)
}
}
appendMarkupElementView(columnView)
}
required init?(coder decoder: NSCoder) {
super.init(coder: decoder)
}
}
基本上，它会生成一个随机数来表示每个单元格中的标签数量，然后根据填充单元格的需要创建尽可能多的行和标签。创建空标签以确保所有内容对齐。
【讨论】：
您可以在 Uitableview 单元格本身中添加 Uicollection 视图.....否则，您需要计算 Uitableview 单元格的高度，以计算要在每个单元格中添加的框数...但我认为 collectionview 更好实现这一点的方法我可以知道你为什么不想使用 uicollection 视图...
【讨论】：