我正在尝试制作一个FAQ视图控制器,我知道有一个名为“FAQView”的窗格可以创建此FAQ页面,但是我需要自定义,因此请自行完成。我希望我的最终结果是这样的
行扩展时会有一点动画,我需要添加该动画。而我的表格视图中的常见问题是这样的
当某个单元格中的行高从80变为140时,我想添加动画
这是我的代码,我的视图控制器代码:
import UIKit
class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
var FAQs = [FAQ]()
@IBOutlet weak var tableView: UITableView!
var selectedRow : Int?
var cellIsExpanded : Bool = false {
didSet {
tableView.reloadData()
}
}
override func viewDidLoad() {
super.viewDidLoad()
tableView.dataSource = self
tableView.delegate = self
getFAQ()
}
func getFAQ() {
}
func numberOfSections(in tableView: UITableView) -> Int {
return 1
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return FAQs.count
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "FAQCell") as! TableViewCell
cell.FAQData = FAQs[indexPath.row]
cell.expandButton.tag = indexPath.row
// to implement FAQCellDelegate
cell.cellDelegate = self
return cell
}
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
var height:CGFloat = CGFloat()
if cellIsExpanded == false {
height = 80
} else {
if indexPath.row == selectedRow {
height = 160
} else {
height = 80
}
}
return height
}
}
extension ViewController : FAQCellDelegate {
func didPressButton(isExpanded: Bool, tag: Int) {
cellIsExpanded = isExpanded
selectedRow = tag
}
}
我的表格视图单元格代码如下
import UIKit
protocol FAQCellDelegate : class {
func didPressButton(isExpanded: Bool, tag: Int)
}
class TableViewCell: UITableViewCell {
@IBOutlet weak var questionLabel: UILabel!
@IBOutlet weak var answerLabel: UILabel!
@IBOutlet weak var expandButton: UIButton!
var expanded = false
var FAQData : FAQ! {
didSet {
questionLabel.text = FAQData.question
answerLabel.text = FAQData.answer
}
}
weak var cellDelegate: FAQCellDelegate?
@IBAction func expandButtonDidPressed(_ sender: Any) {
if expanded == true {
expanded = false
cellDelegate?.didPressButton(isExpanded: expanded, tag: expandButton.tag)
} else {
expanded = true
cellDelegate?.didPressButton(isExpanded: expanded, tag: expandButton.tag)
}
}
}
最佳答案
您应该喜欢这种方式,我已将其用于简单的tableview。请进行适当的更改。
这样声明selectedIndexs
,
var selectedIndexs: [IndexPath: Bool] = [:]
实施此方法,
func cellIsSelected(indexPath: IndexPath) -> Bool {
if let number = selectedIndexs[indexPath] {
return number
} else {
return false
}
}
现在在
didSelectRowAt indexPath
上extension ViewController: UITableViewDelegate{
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
tableView.deselectRow(at: indexPath, animated: true)
let isSelected = !self.cellIsSelected(indexPath: indexPath)
selectedIndexs[indexPath] = isSelected
tableView.beginUpdates()
tableView.endUpdates()
}
}
像这样实现
heightForRowAt indexPath
方法,func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
if self.cellIsSelected(indexPath: indexPath) {
return 100
} else {
return 44
}
}
当用户在
didSelectRowAt indexPath
方法中点击任何单元格时,我已经设置了TableViewCell的高度动画,也可以在按钮点击事件中做到这一点。进行必要的更改并完成。如有任何疑问,请通知我。