在 tableView 中添加两个自定义单元格

Adding two Custom cells in tableView

我在 mainStoryboard 上有一个带有两个自定义单元格的 tableView。

我想在不同的行再设置两个单元格。

但是,当我实现代码时,添加的单元格会替换原始单元格。 ("Basic grammar3" 和 "Basic grammar5" 的自定义单元格正在消失。)

我试图找到答案,但找不到。

我在下面添加了图片和代码。

import UIKit
class HomeViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

      @IBOutlet var tblStoryList: UITableView!      
      var array = PLIST.shared.mainArray

      func numberOfSections(in tableView: UITableView) -> Int {
                return 1
            }

      func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
                return self.array.count + 1
            }

      func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
      if indexPath.row == 0 || indexPath.row == 3 || indexPath.row == 5 {
      let cell  = tableView.dequeueReusableCell(withIdentifier: "HeaderCell", for: indexPath) as! HeaderCell
     cell.headerTitle.text = indexPath.row == 0 ? "First Stage" : indexPath.row == 3 ? "Second Stage" : "Third Stage"
                    return cell
                }

     let cell = tableView.dequeueReusableCell(withIdentifier: "StoryTableviewCell", for: indexPath) as! StoryTableviewCell


                //making plist file
                let dict = self.array[indexPath.row - 1]
                let title = dict["title"] as! String
                let imageName = dict["image"] as! String
                let temp = dict["phrases"] as! [String:Any]
                let arr = temp["array"] as! [[String:Any]]
                let detail = "progress \(arr.count)/\(arr.count)"

                //property to plist file をつなぐ
                cell.imgIcon.image = UIImage.init(named: imageName)
                cell.lblTitle.text = title
                cell.lblSubtitle.text = detail

                cell.selectionStyle = UITableViewCellSelectionStyle.none


                return cell
            }

            func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
                if indexPath.row == 0 {
                    return
                }
                tableView.deselectRow(at: indexPath as IndexPath, animated:true)
                if indexPath.row == 3 {
                    return
                }
                tableView.deselectRow(at: indexPath as IndexPath, animated:true)
                if indexPath.row == 5 {
                    return
                }
                tableView.deselectRow(at: indexPath as IndexPath, animated:true)

                let messagesVc = self.storyboard?.instantiateViewController(withIdentifier: "SecondViewController") as! SecondViewController
                messagesVc.object = self.array[indexPath.row - 1]
                self.navigationController?.show(messagesVc, sender: self)
            }

编辑:raki 的评论是更好的解决方案(使用headers)。如果您想要更接近现有实现的东西,我将其留在这里。

您必须更改编号方案才能插入这些额外的行(而不是替换现有行)。因此,您可能想要像这样调整 "normal" 元素的行:

func adjustRow(_ row: Int) -> Int {
   if row < 3 {
     return row
   } else if row < 5 {
     return row+1
   } else {
     return row+2
   }
}

您可以为 table 视图使用部分。现在,您将在 numberOfSections 函数中返回 1。它只创建一个部分。如果您想使用 headers,您可以根据需要使用部分。您还可以用多维数组填充 table 视图单元格。例如:

调整你的部分headers:

let lessonTitles = ["First Stage", "Second Stage"]

章节标题:

override func tableView(tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    if section < lessonTitles.count {
        return lessonTitles [section]
    }
    return nil
}

要调整您的部分和行:

let lessons = [["Basic Grammar 1", "Basic Grammar 2"], ["Basic Grammar 3", "Basic Grammar 4"]]

功能部分的数量应该是:

override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
    return lessons.count
}

部分中的行数应为:

override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return lessons[section].count
}

创建你的细胞是这样的:

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cellText = data[indexPath.section][indexPath.row]
    ...
}

这样试试...

func numberOfSections(in tableView: UITableView) -> Int
{
  return numberOfStages
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int 
{
  return numberOfRowsInCurrentStage
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell 
{
   return customizedCell                
}

func tableView(tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat
{
  return requiredHeight
}

func tableView(tableView: UITableView, viewForFooterInSection section: Int) -> UIView?
{
  return stageCountView
}

如果要在顶部显示阶段数,可以使用 viewForHeaderInSection