如何在表格视图 Swift 中为 expand/collapse 的特定部分重新加载选定的单元格
How to reload selected cell in particular section for expand/collapse in tableview Swift
我正在我的 iOS 应用程序中执行 expand/collapse 表格视图单元格功能。我有多个部分。每个部分都有多个单元格。默认情况下,单元格高度为 100,一旦用户点击单元格,我将高度增加到 200。
所以,基于布尔值,我正在改变它。但是,在滚动 tableview 时,它会在部分之间交换 expanded/collapse 单元格。
就像我点击第一部分的第一个单元格,它正在扩展,但是在滚动 tableview 之后,第二部分的第一个单元格也在扩展。
我的要求是,如果用户点击特定单元格,该单元格只应 expand/collapse。用户可以手动展开和关闭。用户可以展开多个单元格。
所以,我尝试存储 Indexpath 行和部分。
var expandedIndexSet : IndexSet = []
var expandedIndexSection : IndexSet = []
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier:"cellIdentifier", for:
indexPath) as! MyTableViewCell
if expandedIndexSet.contains(indexPath.row) && expandedIndexSection.contains(indexPath.section) { // expanded true
cell.height = 200
//some other data loading here
}
else { //expanded false
cell.height = 100
}
}
@IBAction moreButtonTapped(_ sender: Any) {
if(expandedIndexSet.contains(indexPath.row)) && expandedIndexSection.contains(indexPath.section){
expandedIndexSet.remove(indexPath.row)
expandedIndexSection.remove(indexPath.section)
} else {
expandedIndexSet.insert(indexPath.row)
expandedIndexSection.insert(indexPath.section)
}
entriesTableView.beginUpdates()
entriesTableView.reloadRows(at: [indexPath], with: .none)
entriesTableView.endUpdates()
}
谁能提供比这更好的方法?
如果您将部分和行独立地存储在单独的数组中,您的算法将失败。
原因是两者都是依赖的:
想想三个展开的单元格 (row:1, section:1), (row:2, section:1), (row:3, section:2)
现在单元格(第 3 行,section:1)发生了什么?
row-array 包含值“3”,section-array 包含值“1”,因此它将被视为已展开。
因此,需要将索引路径作为一个整体进行存储-参见示例代码:
var expanded:[IndexPath] = []
expanded.append(IndexPath(row:1, section:1))
expanded.append(IndexPath(row:2, section:1))
expanded.append(IndexPath(row:3, section:2))
let checkPath = IndexPath(row:3, section:1)
if (expanded.contains(checkPath)) {
print ("is expanded")
} else {
print ("collapsed")
}
更新
因此,在您的按钮句柄中,您将执行以下操作:
@IBAction moreButtonTapped(_ sender: Any) {
if(expanded.contains(indexPath)) {
expanded.removeAll { (checkPath) -> Bool in
return checkPath == indexPath
}
} else {
expanded.append(indexPath)
}
entriesTableView.beginUpdates()
entriesTableView.reloadRows(at: [indexPath], with: .none)
entriesTableView.endUpdates()
}
我正在我的 iOS 应用程序中执行 expand/collapse 表格视图单元格功能。我有多个部分。每个部分都有多个单元格。默认情况下,单元格高度为 100,一旦用户点击单元格,我将高度增加到 200。
所以,基于布尔值,我正在改变它。但是,在滚动 tableview 时,它会在部分之间交换 expanded/collapse 单元格。 就像我点击第一部分的第一个单元格,它正在扩展,但是在滚动 tableview 之后,第二部分的第一个单元格也在扩展。
我的要求是,如果用户点击特定单元格,该单元格只应 expand/collapse。用户可以手动展开和关闭。用户可以展开多个单元格。
所以,我尝试存储 Indexpath 行和部分。
var expandedIndexSet : IndexSet = []
var expandedIndexSection : IndexSet = []
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier:"cellIdentifier", for:
indexPath) as! MyTableViewCell
if expandedIndexSet.contains(indexPath.row) && expandedIndexSection.contains(indexPath.section) { // expanded true
cell.height = 200
//some other data loading here
}
else { //expanded false
cell.height = 100
}
}
@IBAction moreButtonTapped(_ sender: Any) {
if(expandedIndexSet.contains(indexPath.row)) && expandedIndexSection.contains(indexPath.section){
expandedIndexSet.remove(indexPath.row)
expandedIndexSection.remove(indexPath.section)
} else {
expandedIndexSet.insert(indexPath.row)
expandedIndexSection.insert(indexPath.section)
}
entriesTableView.beginUpdates()
entriesTableView.reloadRows(at: [indexPath], with: .none)
entriesTableView.endUpdates()
}
谁能提供比这更好的方法?
如果您将部分和行独立地存储在单独的数组中,您的算法将失败。 原因是两者都是依赖的: 想想三个展开的单元格 (row:1, section:1), (row:2, section:1), (row:3, section:2)
现在单元格(第 3 行,section:1)发生了什么? row-array 包含值“3”,section-array 包含值“1”,因此它将被视为已展开。
因此,需要将索引路径作为一个整体进行存储-参见示例代码:
var expanded:[IndexPath] = []
expanded.append(IndexPath(row:1, section:1))
expanded.append(IndexPath(row:2, section:1))
expanded.append(IndexPath(row:3, section:2))
let checkPath = IndexPath(row:3, section:1)
if (expanded.contains(checkPath)) {
print ("is expanded")
} else {
print ("collapsed")
}
更新
因此,在您的按钮句柄中,您将执行以下操作:
@IBAction moreButtonTapped(_ sender: Any) {
if(expanded.contains(indexPath)) {
expanded.removeAll { (checkPath) -> Bool in
return checkPath == indexPath
}
} else {
expanded.append(indexPath)
}
entriesTableView.beginUpdates()
entriesTableView.reloadRows(at: [indexPath], with: .none)
entriesTableView.endUpdates()
}