首页 文章

Swift - 滚动时的tableViewCell问题

提问于
浏览
0

我正在使用swift创建一个聊天应用程序 . 在我的故事板上,我有一个负责显示消息的View Controller . 我有3个swift文件:

  • ChatingViewController:与故事板上的View Controller关联的类

  • CustomChatingTableViewController

  • CellChatingTableViewCell

每条消息都显示在一个单元格中 . 我以编程方式创建tableView .

- ChatingViewController

import UIKit

            class ChatingViewController: UIViewController {

            var messageController = [[String:String]]()

            var tableViewController = CustomChatingTableViewController()

            override func viewDidLoad() {

                let sizeTableView = CGSize(width: view.frame.size.width - 2 * margin, height: view.frame.size.height - sizeTextField.height - 2 * margin - self.navigationController!.navigationBar.frame.size.height)
                let originTableView = CGPoint(x: margin, y: 2 * margin + self.navigationController!.navigationBar.frame.size.height)

                tableViewController.tableView.frame = CGRect(origin: originTableView, size: sizeTableView)
                tableViewController.tableView.registerClass(CellChatingTableViewCell.self, forCellReuseIdentifier: "Cell")
                tableViewController.data = messageController
                tableViewController.tableView.separatorStyle = .None

                view.addSubview(tableViewController.tableView)
    }

- CustomChatingTableViewController

import UIKit

class CustomChatingTableViewController: UITableViewController {


    var data:[[String:String]]!

    override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

        return data.count
    }


    override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        var cell = tableView.dequeueReusableCellWithIdentifier("Cell") as CellChatingTableViewCell

        cell.setCell(data[indexPath.row]["name"] as String!, date: data[indexPath.row]["date"] as String!, message: data[indexPath.row]["message"] as String!)

        return cell


    }

    override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
        return 150
    }

}

** -CellChatingTableViewCell **

import UIKit
class CellChatingTableViewCell: UITableViewCell {

    var date =  UILabel()
    var message = UILabel()

func setCell(name:String,date:String,message:String){


    let imageContainerMessage = UIImage(named: "orange.png")!.stretchableImageWithLeftCapWidth(24, topCapHeight: 15)


    self.date.font = UIFont(name: "Arial", size: 10)
    self.date.text = date
    self.date.numberOfLines = 0
    self.date.lineBreakMode = NSLineBreakMode.ByWordWrapping
    let sizeDateLabelMax = CGSizeMake(self.frame.size.width, 9999)
    let expectedSizeDate = self.date.sizeThatFits(sizeDateLabelMax)
    self.date.frame = CGRect(origin: CGPoint.zeroPoint, size: expectedSizeDate)



    self.message.font = UIFont(name: "Arial", size: 15)
    self.message.text = message
    self.message.numberOfLines = 0
    self.message.lineBreakMode = NSLineBreakMode.ByWordWrapping
    let sizeMessageLabelMax = CGSizeMake(self.frame.size.width, 9999)
    let expectedSizeMessage = self.message.sizeThatFits(sizeMessageLabelMax)
    self.message.frame = CGRect(origin: CGPoint(x: 15, y: 10), size: expectedSizeMessage)

    var imageContainer = UIImageView(frame: CGRect(origin: CGPoint(x: 0, y: expectedSizeDate.height + 5), size:
        CGSizeMake(expectedSizeMessage.width + 25, expectedSizeMessage.height +  25)))
    imageContainer.image = imageContainerMessage


    self.addSubview(self.date)
    self.addSubview(imageContainer)
    imageContainer.addSubview(self.message)
}
}

当我加载ViewController时,一切都运行正常,但当我滚动tableView时,它变得很可怕:

Before scrolling :

enter image description here

After scrolling :

enter image description here

有什么建议吗?

提前致谢

1 回答

  • 1

    cellForRowAtIndexPath 中,您正在重复使用单元格 . 但是在您的自定义 UITableViewCell 中,您多次添加( self.addSubViewself.dateself.message (yikes),并添加 imageContainer 的新实例 .

    您应该在重新添加单元格之前清除单元格,或者使用新数据使单元格无效,但不要再次执行 self.addSubView .

相关问题