การสร้าง ui แบบ coding อย่างเดียวกับ UITableView

วิธีการก็ทำไปตาม step เลยนะครับ ที่ไฟล์ ViewController ก็สร้าง object ของ UITableview จะได้ตามนี้ครับ

//
//  ViewController.swift
//  Test2
//
//  Created by Nisit Sirimarnkit on 9/25/2559 BE.
//  Copyright © 2559 Nisit Sirimarnkit. All rights reserved.
//

import UIKit

class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource {
    
    let tableView = UITableView()

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        tableView.frame = CGRect(x: 0, y: 0, width: view.bounds.width, height: view.bounds.height)
        tableView.delegate = self
        tableView.dataSource = self
        tableView.isScrollEnabled = false
        tableView.register(TableViewCell2.self, forCellReuseIdentifier: "tbCell")
        view.addSubview(tableView)
    }
    
    public func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 10
    }
    
 
    public func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "tbCell", for: indexPath) as! TableViewCell2
        
        return cell
    }


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


}

// ViewController.swift

// Test2

// Created by Nisit Sirimarnkit on 9/25/2559 BE.

import UIKit

class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource {

let tableView = UITableView()

override func viewDidLoad() {

super.viewDidLoad()

// Do any additional setup after loading the view, typically from a nib.

tableView.frame = CGRect(x: 0, y: 0, width: view.bounds.width, height: view.bounds.height)

tableView.delegate = self

tableView.dataSource = self

tableView.isScrollEnabled = false

tableView.register(TableViewCell2.self, forCellReuseIdentifier: "tbCell")

view.addSubview(tableView)

}

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

return 10

}

public func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

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

return cell

}

override func didReceiveMemoryWarning() {

super.didReceiveMemoryWarning()

// Dispose of any resources that can be recreated.

}

จากนั้นต้องมีการสร้างไฟล์ UITableViewCell ขึ้นมานะครับ โดยที่ถ้าเราสร้างจาก Cocoa Touch ฟอร์มที่สร้างมาให้จะเป็นดังนี้ครับ

//
//  TableViewCell2.swift
//  Test2
//
//  Created by Nisit Sirimarnkit on 9/26/2559 BE.
//  Copyright © 2559 Nisit Sirimarnkit. All rights reserved.
//

import UIKit

class TableViewCell2: UITableViewCell {

    let myText = UILabel()
    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
        myText.frame = CGRect(x: 0, y: 0, width: 200, height: 300)
        myText.textColor = UIColor.black
        self.contentView.addSubview(myText)

    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)

        // Configure the view for the selected state
    }

}

// TableViewCell2.swift

// Test2

// Created by Nisit Sirimarnkit on 9/26/2559 BE.

import UIKit

class TableViewCell2: UITableViewCell {

let myText = UILabel()

override func awakeFromNib() {

super.awakeFromNib()

// Initialization code

myText.frame = CGRect(x: 0, y: 0, width: 200, height: 300)

myText.textColor = UIColor.black

self.contentView.addSubview(myText)

}

override func setSelected(_ selected: Bool, animated: Bool) {

super.setSelected(selected, animated: animated)

// Configure the view for the selected state

}

screen-shot-2559-09-26-at-10-50-26-am

จากรูปข้างบน ถ้าหากเราตั้งค่า text โดยตั้งค่าลงใน awakeFromNib() ตามที่มันกำหนดมาให้ หลังจากเรารัน ค่า text จะไม่แสดงผลออกมาใน cell เพราะว่าฟังก์ชันนี้จะใช้ได้ในกรณี สร้างโดยใช้ storyboard เท่านั้น ดังนั้นให้เรา override ฟังก์ชัน init() จะได้ดังนี้

//
//  TableViewCell.swift
//  Test2
//
//  Created by Nisit Sirimarnkit on 9/26/2559 BE.
//  Copyright © 2559 Nisit Sirimarnkit. All rights reserved.
//

import UIKit

class TableViewCell2: UITableViewCell {
    
    var myText = UILabel()

    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        myText.frame = CGRect(x: 0, y: 0, width: 200, height: 300)
        myText.textColor = UIColor.black
        self.contentView.addSubview(myText)
 
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
        
        

    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)

        // Configure the view for the selected state
    }

}

// TableViewCell.swift

// Test2

// Created by Nisit Sirimarnkit on 9/26/2559 BE.

import UIKit

class TableViewCell2: UITableViewCell {

var myText = UILabel()

override init(style: UITableViewCellStyle, reuseIdentifier: String?) {

super.init(style: style, reuseIdentifier: reuseIdentifier)

myText.frame = CGRect(x: 0, y: 0, width: 200, height: 300)

myText.textColor = UIColor.black

self.contentView.addSubview(myText)

}

required init?(coder aDecoder: NSCoder) {

fatalError("init(coder:) has not been implemented")

}

override func awakeFromNib() {

super.awakeFromNib()

// Initialization code

}

override func setSelected(_ selected: Bool, animated: Bool) {

super.setSelected(selected, animated: animated)

// Configure the view for the selected state

}

ผลที่ได้ก็จะมี text โชว์ใน cell แล้วนะครับ 🙂

กันยายน 26, 2016กันยายน 26, 2016 ninenox Blog