自學Swift之路（二）UITableView自定義和實際利用

本系列文章都是以有OC基礎來寫的，所以注釋不會寫太多，對基礎不夠了解的同學可能不太適合，另外本系列文章不是以教程式的形式來寫，是記錄學習過程的，所以不會有多少講解

OK,承接上一篇文章，這次開始UITableView的自定義，附帶場景使用(簡單demo)

創建工程什么的就不說了，先看一下界面然后咱們直接開始代碼：

55D354B0-460A-461F-AB38-B13F7363BA0F.png
6EDD4AC9-47E3-401F-91A4-2DA836439787.png

Demo開始之前，我們想想應該會使用到屏幕寬高等一些常用的值，在OC中，咱們可以使用PCH然后宏定義，然而在Swift中，是沒有宏這個概念的，但是直接創建一個文件，在里面直接定義常量，別的文件也是可以訪問和使用的（并且不需要導入）：如圖創建一個common文件

DA345C16-932E-4524-8D93-5FDBAD540F3C.png

另外，在上面的界面截圖中，我們發現用到了navigationController,這個demo中我自定義了它（從上面截圖也能看出來）：

class BaseNavigationController: UINavigationController {

    override func viewDidLoad() {
        super.viewDidLoad()
        self.navigationBar.barTintColor = UIColor.brownColor()
        
        UINavigationBar.appearance().tintColor = UIColor.whiteColor()
        
        let attributes = [NSForegroundColorAttributeName : UIColor.whiteColor(),
            NSFontAttributeName :UIFont.systemFontOfSize(18)];
        self.navigationBar.titleTextAttributes = attributes;

    }

    override func preferredStatusBarStyle() -> UIStatusBarStyle {
        return .LightContent
    }
    
}

好的，剛開始進來是一個登錄界面，所有代碼如下：


import UIKit

class ViewController: UIViewController,UITextFieldDelegate {

//    let userTextF : UITextField=UITextField()
    var userTextF : UITextField?
    var pwdTextF : UITextField?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = bgColor

        self.createSubViews()
    
    }

    
    func createSubViews () {
//        背景圖標
        let bgImageView = UIImageView(frame: CGRectMake((kWidth-203)/2.0, 50, 203, 200))
        bgImageView.image = UIImage(named: "ICON")
        self.view.addSubview(bgImageView)
        
//        賬號密碼
//        1.賬號
        let userBgView = UIView(frame: CGRectMake(25, 250+45, kWidth-50, 45))
        userBgView.backgroundColor = UIColor.whiteColor()
        userBgView.layer.cornerRadius = 3
        self.view.addSubview(userBgView)
        
        let userImgView = UIImageView(frame: CGRectMake(15, 15.5, 12, 14))
        userImgView.image = UIImage(named: "登陸")
        userBgView.addSubview(userImgView)
        
        self.userTextF = UITextField(frame: CGRectMake(32, 5, kWidth-50-32-10, 35))
        self.userTextF!.delegate = self
        self.userTextF!.text = "用戶名"
        userBgView.addSubview(self.userTextF!)
        
//        2.密碼
        let pwdBgView = UIView(frame: CGRectMake(25, 340+30, kWidth-50, 45))
        pwdBgView.backgroundColor = UIColor.whiteColor()
        pwdBgView.layer.cornerRadius = 3
        self.view.addSubview(pwdBgView)
        
        let pwdImgView = UIImageView(frame: CGRectMake(15, 15.5, 12, 14))
        pwdImgView.image = UIImage(named: "密碼")
        pwdBgView.addSubview(pwdImgView)
        
        self.pwdTextF = UITextField(frame: CGRectMake(32, 5, kWidth-50-32-10, 35))
        pwdTextF!.text = "密碼"
        pwdTextF!.secureTextEntry = true
        pwdBgView.addSubview(pwdTextF!)
        
//        登錄按鈕
        let loginBtn = UIButton(type: .Custom)
        loginBtn.frame = CGRectMake(25, 415+30, kWidth-50, 50)
        loginBtn.backgroundColor = UIColor.brownColor()
        loginBtn.layer.cornerRadius = 3
        loginBtn.setTitle("登錄", forState: .Normal)
        self.view.addSubview(loginBtn)
        loginBtn.addTarget(self, action: "loginAction", forControlEvents: .TouchUpInside)
        
//        點擊別處收起鍵盤
        let tapGes = UITapGestureRecognizer.init(target: self, action: "tapDo")
        self.view.addGestureRecognizer(tapGes)
    
    }
    
//    點擊收起鍵盤
    func tapDo() {
        userTextF?.resignFirstResponder()
        pwdTextF?.resignFirstResponder()
    }
    
//    點擊確定收起鍵盤
    func textFieldShouldReturn(textField: UITextField) -> Bool {
        textField.resignFirstResponder()
        return true
    }
    
    
//    登錄按鈕
    func loginAction () {
        let buildListVC = BuildListViewController()
        let buildListNVC = BaseNavigationController(rootViewController:buildListVC)
        self.presentViewController(buildListNVC, animated: true, completion: nil)
        
    }

}

在登錄后我們會進入一個表視圖，這個表視圖的單元格是咱們自己定義的

import UIKit

class BuildListTableViewCell: UITableViewCell {
    
    var logoImgView : UIImageView?
    var buildLabel  : UILabel?

    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        
        logoImgView = UIImageView(frame: CGRectMake(10, 15, 63, 63))
        logoImgView?.image = UIImage(named: "定位.png")
        self.addSubview(logoImgView!)
        
        buildLabel = UILabel(frame: CGRectMake(101.5, 20, kWidth-130, 20))
        buildLabel?.text = "西單大悅城"
        buildLabel?.font = UIFont.systemFontOfSize(17)
        self.addSubview(buildLabel!)
        
        
    }

//這個是系統要求實現的
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    

}

代碼中自定義的單元格加上了一個ImageView和一個Label，雖然數據是死的，但是在Swift中，另外一個類是可以直接訪問另一個類中的變量的(如果沒做任何保護的話),所以我們在配置cell的時候是可以直接賦值的，這里就不弄了，然后我們看創建表視圖那一塊：


import UIKit

class BuildListViewController: UIViewController,UITableViewDataSource,UITableViewDelegate {
    
    var myTableView : UITableView?
    var backBtn     : UIButton!

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = bgColor
        self.title = "樓宇列表"
    
        self.createSubViews()
    }
    
    override func viewWillAppear(animated: Bool) {
        super.viewWillAppear(animated)
        self.navigationController?.navigationBar.addSubview(backBtn)
    }
    
    override func viewWillDisappear(animated: Bool) {
        super.viewWillDisappear(animated)
        backBtn.removeFromSuperview()
    }
    
    
    func createSubViews () {
//        返回按鈕
        backBtn = UIButton(type: .Custom)
        backBtn.frame = CGRectMake(10, 6, 44, 30)
        backBtn.setTitle("返回", forState: .Normal)
        backBtn.titleLabel?.font = UIFont.systemFontOfSize(16)
        backBtn.titleLabel?.textColor = UIColor.whiteColor()
        backBtn.addTarget(self, action: "back", forControlEvents: .TouchUpInside)
        
//        TableView
        myTableView = UITableView(frame: CGRectMake(0, 0, kWidth, kHeight), style: .Plain)
        myTableView?.delegate = self
        myTableView?.dataSource = self
        myTableView?.tableFooterView = UIView(frame: CGRectZero)
        self.view.addSubview(myTableView!)
    
    }
    
    func back() {
    self.dismissViewControllerAnimated(true, completion: nil)
    }
    

//    datasource
    //必須的
    
    @available(iOS 2.0, *)
    internal func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int{
        return 10
    }
    
    func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
        return 105
    }
    
    func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
        print(indexPath.row)
        
        let detailVC = DetailViewController()
        self.navigationController?.pushViewController(detailVC, animated: true)
    }
    
    
    @available(iOS 2.0, *)
    internal func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell{
        let identifier = "MyCell"
        
        var cell = tableView.dequeueReusableCellWithIdentifier(identifier) as? BuildListTableViewCell
        
        if cell==nil {
        cell = BuildListTableViewCell.init(style: .Default, reuseIdentifier: identifier)   
        }
        
        
        cell?.logoImgView?.image = UIImage(named: "你自己弄")
        cell?.buildLabel?.text   = "你自己弄"
    
        return cell!
    }

   
}

創建單元格的時候直接使用我們自定義的BuildListTableViewCell創建就行了

好了，這篇文章也完了，這只是一個非常簡單的demo，大家平時工作要做的肯定不止這么點的，哈哈哈。

學了這么幾天，我發現Swift還是比較容易入手的，下篇文章我會用一個小的項目，本人是做室內地圖SDK的，這次的小項目是仿我OC寫的SDK Demo，使用Swift和OC混編，集成百度地圖SDK和自己的室內SDK。在下篇文章中會講講，Swift項目已上github：https://github.com/qingmomo/Swift-die
OC版的demo在我們官網：http://www.innsmap.com 點產品左右滑找到SDK下載就行了，里面有OC版的demo，有室內需求可以聯系我們公司！

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,241評論 4贊 61
  • 一顆心很容易亂 不是一池春水 不是一朵浮云 而是連靜止也做不到的風
    遙知orz閱讀 148評論 0贊 0
  • 打架不好，能避免就避免，下面討論的是不得不打的情況下需要注意的情況。 避免群毆 俗話說雙拳難敵四手、亂拳打死老師傅...
    徐蘑菇閱讀 605評論 0贊 1
  • 恰逢中秋，耐不過二老的期盼，終究是回了家，我不記得有幾個年頭沒有在家過中秋了，中秋晚，跟著姐夫去云臺寺參加寺廟主持...
    多爾Z先生閱讀 351評論 0贊 0
  • 這次看完了這本書，很好看，字如玉，暖人心。現在我把我喜歡的兩篇節選給大家推薦一下。 第一篇 成為你自己——《作為教...
    伊熙玉涵閱讀 1,377評論 0贊 0