使用xib自定義tableviewCell看一下效果圖

1.自定義列

新建一個(gè)xib文件 carTblCell，拖放一個(gè)UITableViewCell,再拖放一個(gè)圖片和一個(gè)文本框到tableviewcell上

并給我們的xib一個(gè)標(biāo)識(shí)

為了學(xué)習(xí)，我這里的xib和后臺(tái)的class是分開(kāi)建的。我們?cè)俳ㄒ粋€(gè)cocoa touch class文件名稱(chēng)為CarCellTableViewCell繼承自UITableViewCell

并把我們的xib和新建的CarCellTableViewCell建立聯(lián)接

?

在CarCellTableViewCell里建立和xib的圖片和文本框的輸出

import UIKitclass CarCellTableViewCell: UITableViewCell {@IBOutlet weak var cellImg: UIImageView!@IBOutlet weak var lbCell: UILabel!override func awakeFromNib() {super.awakeFromNib()// Initialization codecellImg.layer.borderWidth = 1cellImg.layer.masksToBounds = true//cellImg.layer.cornerRadius = 31 }override func setSelected(selected: Bool, animated: Bool) {super.setSelected(selected, animated: animated)// Configure the view for the selected state }}

?

2.關(guān)聯(lián)cell和tableview

1. 在main.storyboard上拖放一個(gè)uitableview，并在后臺(tái)代碼建立輸出聯(lián)接

1.在load事件里注冊(cè)xib

2.在tableveiw的方法里得到當(dāng)前的列，指定數(shù)據(jù)源。

import UIKitclass ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {@IBOutlet var tableView: UITableView!var tableData: [String] = ["BMW", "Ferrari", "Lambo"]override func viewDidLoad() {super.viewDidLoad()// Do any additional setup after loading the view, typically from a nib.let cellNib = UINib(nibName: "carTblCell", bundle: nil)tableView.registerNib(cellNib, forCellReuseIdentifier: "cell")}override func didReceiveMemoryWarning() {super.didReceiveMemoryWarning()// Dispose of any resources that can be recreated. }func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {return tableData.count}func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {let cell: CarCellTableViewCell = self.tableView.dequeueReusableCellWithIdentifier("cell") as! CarCellTableViewCellcell.lbCell.text = tableData[indexPath.row]cell.cellImg.image = UIImage(named: tableData[indexPath.row])return cell}func tableView(tableView: UITableView, didDeselectRowAtIndexPath indexPath: NSIndexPath) {print("\(indexPath.row)")}func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {return 70} } 本文轉(zhuǎn)自lpxxn博客園博客，原文鏈接：http://www.cnblogs.com/li-peng/p/5543415.html，如需轉(zhuǎn)載請(qǐng)自行聯(lián)系原作者
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的【swift学习笔记】三.使用xib自定义UITableViewCell的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。