Tableview - 标题重叠细节（Swift）

Question

附上的图片说明了一切。有什么方法可以防止标题重叠，例如在达到其限制时自动移动到第二行？以编程方式/通过界面生成器。

P.S：我正在从 firebase 数据库中检索名称。这是一个投票页面，标题是展位名称

TableView 控制器

import UIKit
import FirebaseDatabase

var pitchData = [String]()
var myIndex = 0
class PitchTableViewController: UITableViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        self.navigationController?.setNavigationBarHidden(false, animated: true)

        self.navigationController?.navigationBar.titleTextAttributes = [ NSAttributedStringKey.font: UIFont(name: "Gotham Rounded", size: 19)!]
        ref = Database.database().reference() //set the firebase reference
        // Retrieve the post and listen for changes
        databaseHandle = ref?.child("Afternoon13").queryOrdered(byChild: "BoothPosition").observe(.value, with: { (snapshot) in
            pitchData.removeAll()

            for child in snapshot.children {
                let snap = child as! DataSnapshot
                let key = snap.key


                pitchData.append(key)

            }
            self.tableView.reloadData()
        })
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    // MARK: - Table view data source

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // #warning Incomplete implementation, return the number of rows
        return pitchData.count
    }


    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
        cell.textLabel?.font = UIFont(name: "Gotham Rounded", size: 20)
        cell.detailTextLabel?.font = UIFont(name: "Gotham Rounded", size: 20)
        cell.textLabel?.text = pitchData[indexPath.row]

        switch (pitchData[indexPath.row]) {
        case "ARC - attract, retain and cultivate":
            let returnValue: Int = UserDefaults.standard.integer(forKey: "voting")
            if (returnValue == 1)
            {
                cell.detailTextLabel?.text = "Completed ✓"
                cell.detailTextLabel?.textColor = UIColor.green
                cell.isUserInteractionEnabled = false
            }
            else {
                cell.detailTextLabel?.text = "Vote ᐳ"
                cell.detailTextLabel?.textColor = UIColor.blue
            }
        case "Anytime RCs":
            let returnValue: Int = UserDefaults.standard.integer(forKey: "voting1")
            if (returnValue == 1)
            {
                cell.detailTextLabel?.text = "Completed ✓"
                cell.detailTextLabel?.textColor = UIColor.green
                cell.isUserInteractionEnabled = false
            }
            else {
                cell.detailTextLabel?.text = "Vote ᐳ"
                cell.detailTextLabel?.textColor = UIColor.blue
            }

Answer 1

由于您使用默认 UITableViewCell 的 textLabel，这应该可以解决所有问题：

cell.textLabel.numberOfLines = 0;
cell.textLabel.lineBreakMode = .byWordWrapping;  

Answer 2

让我们用代码试试

// in view did load:
self.tableView.rowHeight = UITableViewAutomaticDimension

// cell row at indexpath
let reuseIdentifier = "cell"
        var cell:UITableViewCell? =
            tableView.dequeueReusableCell(withIdentifier: reuseIdentifier)
        if (cell == nil)
        {
            cell = UITableViewCell(style: .value1,
                                   reuseIdentifier: reuseIdentifier)
        }

        // your customize font, color... here

        cell!.textLabel?.numberOfLines = 0;
        cell!.detailTextLabel?.numberOfLines = 0;

        return cell!

Answer 3

确保三件事：-

• 标题标签对单元格内容视图具有底部、顶部和前导约束，以及带有投票> 的水平间距，并且投票> 按钮具有所有约束，例如顶部底部前导和带有标题的水平间距。
• 标题标签已设置 numberOfLines = 0

• 在 heightForRowAt 中使用 UITableViewAutomaticDimension 设置单元格的动态高度

  func tableView(_ tableView: UITableView, heightForRowAt 
  indexPath: IndexPath) -> CGFloat {
      return UITableViewAutomaticDimension
  } 
  

Answer 4

您将 UILabel 属性设置为 numberOfLines = 0

1. 设置 UILabel 顶部、底部、前导、尾随约束。

1. 添加 UITableViewDelegate 方法。

   func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
       return UITableViewAutomaticDimension
   }
   

2. 还可以像这样设置您的投票约束。

5. 选择您的投票 UIButton 设置 约束

   1. 步设置 Top 、 bottom 、leading 、 trailing 和固定宽度。

1. 步骤设置垂直居中约束

Answer 5

您需要将行设置为 0：

您可以直接从 StoryBoard 进行设置：

或者您可以通过编程方式设置：

cell.textLabel?.numberOfLines = 0
cell.detailTextLabel?.numberOfLines = 0

希望得到帮助。

编辑：TableView 约束的演示

我在相邻的单元格中取了两个标签：

这是我的 TableView 输出：

这是 label First 的约束：

这是标签 2 的约束：

是的，它对我有用，文本是多行的，没有文本切割，请仔细检查你的约束。

编辑以查看约束

选择标签，然后选择显示尺寸检查器：

向下滚动，您可以看到给定的约束。

编辑 2

根据您的描述，您可以自动调整大小：

所以你可以使用以下内容：

对于标签一

对于第二个标签：