如何在Swift 3中填充tableView自定义单元格?

时间:2017-01-09 21:07:16

标签: ios swift tableview tableviewcell

我正在从服务器加载新闻到tableView。现在我想创建一个标题,图像和摘录的自定义单元格。 我为单元格创建了一个自定义类,我给了单元格自定义标识符。 我放了两个标签(一个用于标题,一个用于摘录)。 现在我只想在第一个标签中显示标题,在第二个标签中显示摘录。

       @IBOutlet weak var headline: UILabel!

       @IBOutlet weak var excerpt: UILabel!

//Custom struct for the data
struct News {
    let title : String
    let text : String
    let link : String
    let imgUrl : String

    init(dictionary: [String:String]) {
        self.title = dictionary["title"] ?? ""
        self.text = dictionary["text"] ?? ""
        self.link = dictionary["link"] ?? ""
        self.imgUrl = dictionary["imgUrl"] ?? ""
    }
}

//Array which holds the news
var newsData = [News]()

// Download the news
func downloadData() {
    Alamofire.request("https://api.sis.kemoke.net/news").responseJSON { response in
        print(response.request)  // original URL request
        print(response.response) // HTTP URL response
        print(response.data)     // server data
        print(response.result)   // result of response serialization

        //Optional binding to handle exceptions
        self.newsData.removeAll() // clean the data source array
        if let json = response.result.value as? [[String:String]] {
            for news in json {
                self.newsData.append(News(dictionary: news))
            }
            self.tableView.reloadData()
        }
    }
}

在下面的方法中,我在单元格中显示数据

  override func tableView(_ tableView: UITableView, cellForRowAt     indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
    let news = newsData[indexPath.row]
    cell.textLabel?.text = news.title
    cell.detailTextLabel?.text = news.text
    return cell
 }

1 个答案:

答案 0 :(得分:1)

UITableViewCell f.e创建一个子类。 NewsCell

连接您的商店

@IBOutlet weak var headline: UILabel!
@IBOutlet weak var excerpt: UILabel!

NewsCell。在override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

函数像这样抛出单元格:

let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as? NewsCell

并设置您的属性。

确保将故事板原型单元格的类设置为NewsCell。