swift- 通訊錄demo

swift 創建的通訊錄,實現了聯系人的添加 刪除 和查看詳情.
聯系人使用的假數據.
添加使用了閉包傳值,傳一個 model.
聯系人詳情和添加還有聯系人界面使用了 xib.
除了語法和 OC 不一樣,其他步驟和 OC 通訊錄沒有差別.

demo 中所需要的類


屏幕快照 2016-06-14 下午8.21.32.png

以下是各個類的代碼:
1.主要是設置根視圖控制器 AppDelegate.swift

import UIKit

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

var window: UIWindow?


func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
    // Override point for customization after application launch.
    
    window?.rootViewController = UINavigationController(rootViewController: ViewController())
    
    return true
}

2.創建 model Contact.swift

import UIKit

class Contact: NSObject {

var name:String?
var age:String?
var gender:String?
var phone:String?

init(name:String,age:String,gender:String,phone:String) {
    super.init()
    self.name = name
    self.age = age
    self.gender = gender
    self.phone = phone
}

}

3.創建單例

import UIKit

class ContactMangager: NSObject {

// 將聯系人管理聲明為單例類,管理所有聯系人的操作,增刪...
static let shareContactManager:ContactMangager = {
    let contactManager = ContactMangager()
    return contactManager
}()

// 所有聯系人的數組
var contactArray:[Contact] = [Contact]()
func addContact(contact:Contact){
    contactArray.append(contact)
}

}

4.用 xib 拖 cell 布局,并拖成屬性和賦值

屏幕快照 2016-06-14 下午8.25.46.png

import UIKit

class ContactTableViewCell: UITableViewCell {

@IBOutlet var nameL: UILabel!

@IBOutlet var ageL: UILabel!

@IBOutlet var genderL: UILabel!

@IBOutlet var phoneL: UILabel!

// 根據 contact 給 cell 里面的標簽賦值
func cellWithContact(contact:Contact){
    nameL.text = contact.name
    ageL.text = contact.age
    genderL.text = contact.gender
    phoneL.text = contact.phone
}

5.聯系人詳情頁面 xib 拖,并拖成屬性

屏幕快照 2016-06-14 下午8.26.40.png

import UIKit

class DetailViewController: UIViewController {

@IBOutlet var nameL: UILabel!

@IBOutlet var ageL: UILabel!

@IBOutlet var genderL: UILabel!

@IBOutlet var phoneL: UILabel!

var contact:Contact?


override func viewDidLoad() {
    super.viewDidLoad()

    nameL.text = contact?.name
    ageL.text = contact?.age
    genderL.text = contact?.gender
    phoneL.text = contact?.phone
    
    
}

6.添加聯系人頁面 xib 拖 ,并拖成屬性

屏幕快照 2016-06-14 下午8.27.45.png

import UIKit

class AddViewController: UIViewController {

@IBOutlet var nameTF: UITextField!

@IBOutlet var ageTF: UITextField!

@IBOutlet var genderTF: UITextField!

@IBOutlet var phoneTF: UITextField!

// 閉包
var closure:((model:Contact)->())?

// 保存按鈕
func saveAction(rightBarButtonItem:UIBarButtonItem){
    let contact = Contact(name: nameTF.text!, age: ageTF.text!, gender: genderTF.text!, phone: phoneTF.text!)
    closure!(model:contact)
    ContactMangager.shareContactManager.addContact(contact)
    navigationController?.popViewControllerAnimated(true)
}

override func viewDidLoad() {
    super.viewDidLoad()

    navigationItem.rightBarButtonItem = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.Save, target: self, action: "saveAction:")
    
}

7.在根視圖控制器中進行一系列操作
import UIKit

 // 延展(寫在類的外面)
// extension 本類名:協議名{}
 extension    ViewController:UITableViewDelegate,UITableViewDataSource{

// tableview 遵守的協議方法
// 返回 cell
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    // cell 需要強轉
    let cell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! ContactTableViewCell
    let contact = ContactMangager.shareContactManager.contactArray[indexPath.row]
    cell.cellWithContact(contact)
    return cell
}
// 行數
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return ContactMangager.shareContactManager.contactArray.count
}
// 行高
func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return 110
}

// cell 點擊方法,點擊查看詳情
func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
    let detailVC:DetailViewController = DetailViewController()
    detailVC.contact = ContactMangager.shareContactManager.contactArray[indexPath.row]
    navigationController?.pushViewController(detailVC, animated: true)
}

// 是否可編輯
func tableView(tableView: UITableView, canEditRowAtIndexPath indexPath: NSIndexPath) -> Bool {
    return true
}
// 相應編輯模式下的操作
func tableView(tableView: UITableView, commitEditingStyle editingStyle: UITableViewCellEditingStyle, forRowAtIndexPath indexPath: NSIndexPath) {
    if editingStyle == .Delete{
        // 刪除 cell
        [ContactMangager.shareContactManager.contactArray.removeAtIndex(indexPath.row)]
        // 操作 UI
        tableView.deleteRowsAtIndexPaths([indexPath], withRowAnimation: UITableViewRowAnimation.Fade)
    }
}

}

class ViewController: UIViewController {

// 懶加載 tableview
lazy var tableView:UITableView = {
    let tableView = UITableView(frame: UIScreen.mainScreen().bounds, style: UITableViewStyle.Plain)
    tableView.delegate = self
    tableView.dataSource = self
    return tableView
}()


// 添加按鈕
func addAction(leftBarButtonItem:UIBarButtonItem){
    let addVC:AddViewController = AddViewController()
    addVC.closure = {
        (model:Contact)->()
        in
        ContactMangager.shareContactManager.contactArray.append(model)
        self.tableView.reloadData()
    }
    navigationController?.pushViewController(addVC, animated: true)
}

override func viewDidLoad() {

     super.viewDidLoad()
    
    // 注冊cell
    tableView.registerNib(UINib(nibName: "ContactTableViewCell", bundle: NSBundle.mainBundle()), forCellReuseIdentifier: "cell")
    
    
    view.addSubview(tableView)
    view.backgroundColor = UIColor.whiteColor()
    // 數據源
    for i in 0..<10
    {
        let contact = Contact(name: "lisi\(i)", age: "2\(i)", gender: "女", phone: "120-2016\(i)")
        ContactMangager.shareContactManager.addContact(contact)
    }
    
    navigationItem.leftBarButtonItem = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.Add, target: self, action: "addAction:")         
}

}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,836評論 6 540
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,275評論 3 428
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,904評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,633評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,368評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,736評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,740評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,919評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,481評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,235評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,427評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,968評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,656評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,055評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,348評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,160評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,380評論 2 379

推薦閱讀更多精彩內容