開始用Swift開發(fā)iOS 10 - 8 Table View和UIAlertController的交互


繼續(xù)上一部分開始用Swift開發(fā)iOS 10 - 7 定制Table Views項(xiàng)目FoodPin的代碼汪茧,添加兩個(gè)功能:

  • 點(diǎn)擊cell時(shí)叛本,產(chǎn)生彈框芽卿,彈框中有兩個(gè)功能選項(xiàng) CallCheck-in
  • 當(dāng)點(diǎn)擊Check-in選項(xiàng)時(shí)双吆,為cell加上對(duì)號(hào)

理解UITableViewDelegate協(xié)議

代理模式在iOS編程中非常常見的。每個(gè)代理負(fù)責(zé)特定的角色或任務(wù)幻件,維持系統(tǒng)的簡(jiǎn)單和干凈拨黔。當(dāng)一個(gè)對(duì)象需要完成特定任務(wù)時(shí),可以依靠另一個(gè)對(duì)象完成绰沥。這在軟件設(shè)計(jì)模式中通常叫做"separation of concerns"篱蝇。
UITableViewController就應(yīng)用了代理模式。兩個(gè)協(xié)議完成不同的任務(wù)徽曲。UITableViewDataSource協(xié)議負(fù)責(zé)提供和管理table的數(shù)據(jù)零截。UITableViewDelegate協(xié)議負(fù)責(zé)設(shè)置table的section headings 和 footers,以及操作cell selections和cell recording秃臣。

閱讀文檔

怎么知道UITableViewDelegate中有那些方法呢涧衙?

閱讀Apple的官方iOS開發(fā)文檔(https://developer.apple.com/library/ios/))。作為iOS開發(fā)者奥此,需要經(jīng)常閱讀API 文檔绍撞。目前沒有單個(gè)的書籍可覆蓋所有iOS SDK。 Xcode中提供方便的查看文檔的方法得院,在相關(guān)代碼處option+點(diǎn)擊,出現(xiàn)彈框展示文檔簡(jiǎn)介章贞,再在彈框上點(diǎn)擊相關(guān)代碼就直接進(jìn)入詳細(xì)文檔處祥绞。
文檔對(duì)不同方法進(jìn)行了分類,比如UITableViewDelegate的文檔就有上面提到的Managing Selections

func tableView(UITableView, willSelectRowAt: IndexPath)
func tableView(UITableView, didSelectRowAt: IndexPath)

實(shí)現(xiàn)協(xié)議中管理列選項(xiàng)方法

  • RestaurantTableViewController類中實(shí)現(xiàn)tableView(_:didSelectRowAt:)方法:
override func tableView(_ tableView: UITableView, didSelectRowAt indexPath:
IndexPath) {
    // 1
    let optionMenu = UIAlertController(title: nil, message: "What do you want
to do?", preferredStyle: .actionSheet)
    // 2
    let cancelAction = UIAlertAction(title: "Cancel", style: .cancel, handler:
nil)
    optionMenu.addAction(cancelAction)
    // 3
    present(optionMenu, animated: true, completion: nil)
}
  • 1 創(chuàng)建了UIAlertController鸭限。UIAlertController是從iOS8被引入蜕径,用來(lái)替代以前的UIAlertViewUIActionSheet,向用戶彈出警示信息败京;preferredStyle參數(shù)有兩個(gè)值:.actionSheet.alert兜喻,表示替代的兩種樣式。
  • 2 創(chuàng)建一個(gè)cancel樣式的UIAlertAction赡麦。UIAlertController的警示彈出框一般是由最上面的title+message(都不是非必須的)和一些Action組成朴皆,cancel action在最下面帕识。
  • 3 presentUIViewController中的方法,用于展示遂铡。

添加Actions到ALert Controller中

  • Call action
let callActionHandler = { (action:UIAlertAction!) -> Void in
    let alertMessage = UIAlertController(title: "Service Unavailable", message:
"Sorry, the call feature is not available yet. Please retry later.",
preferredStyle: .alert)
    alertMessage.addAction(UIAlertAction(title: "OK", style: .default, handler:
nil))
    self.present(alertMessage, animated: true, completion: nil)
}
let callAction = UIAlertAction(title: "Call " + "123-000-\(indexPath.row)",
style: .default, handler: callActionHandler)
optionMenu.addAction(callAction)

callActionHandler是swift閉包結(jié)構(gòu)的一種寫法肮疗,關(guān)于閉包可查看以擼代碼的形式學(xué)習(xí)Swift-7:Closure。這個(gè)代碼塊在Call action被點(diǎn)擊是執(zhí)行扒接。

  • Check-in action
// Check-in action
let checkInAction = UIAlertAction(title: "Check in", style: .default, handler:
{
    (action:UIAlertAction!) -> Void in
    let cell = tableView.cellForRow(at: indexPath)
    cell?.accessoryType = .checkmark
})
optionMenu.addAction(checkInAction)

當(dāng)用戶點(diǎn)擊“Check in”action時(shí)伪货,為選中的cell增加一個(gè)對(duì)號(hào),表明是用戶喜歡的钾怔。accessoryType包括disclosureIndicator, detailDisclosureButton, checkmarkdetailButton碱呼。

Call Action 和 Check-in Action

當(dāng)cell被選中后,這個(gè)cell會(huì)一直灰色高亮宗侦。去掉:
tableView.deselectRow(at: indexPath, animated: false)

解決Bug

現(xiàn)在應(yīng)用運(yùn)行后愚臀,check-in某一cell時(shí),可能會(huì)出現(xiàn)其他cell同時(shí)也被check-in凝垛。
這個(gè)問題是因?yàn)閏ell重復(fù)使用導(dǎo)致的懊悯。當(dāng)一個(gè)屏幕滾動(dòng)時(shí),新進(jìn)的cell就會(huì)利用滾出的得cell梦皮,以提高效率炭分。解決方法:為每個(gè)cell創(chuàng)造一個(gè)是否被check-in的標(biāo)志。

  • RestaurantTableViewController中創(chuàng)建一個(gè)Boolean類型的數(shù)組:
    var restaurantIsVisited = Array(repeating: false, count: 21)
  • check-in后就把對(duì)應(yīng)的標(biāo)志修改為true:
let checkInAction = UIAlertAction(title: "Check in", style: .default, handler:
{
    (action:UIAlertAction!) -> Void in
    let cell = tableView.cellForRow(at: indexPath)
    cell?.accessoryType = .checkmark
    self.restaurantIsVisited[indexPath.row] = true
}
  • 在每一次生成cell是也要檢查是否check-in剑肯,在tableView(_:cellForRowAt:)放的return cell之前加入:
    cell.accessoryType = restaurantIsVisited[indexPath.row] ? .checkmark : .none

練習(xí)

當(dāng)選中也被check-in的cell時(shí)捧毛,check-in Action的文本變成Undo Check in,點(diǎn)擊后取消其對(duì)號(hào)让网。修一下check-in代碼:

let cell = tableView.cellForRow(at: indexPath)
if cell?.accessoryType == .checkmark {
    let checkInAction = UIAlertAction(title: "Undo Check in", style: .default, handler:
    {
        (action:UIAlertAction!) -> Void in
        cell?.accessoryType = .none
        self.restaurantIsVisited[indexPath.row] = false
    })
    optionMenu.addAction(checkInAction)
} else {
    let checkInAction = UIAlertAction(title: "Check in", style: .default, handler:
    {
        (action:UIAlertAction!) -> Void in
        cell?.accessoryType = .checkmark
        self.restaurantIsVisited[indexPath.row] = true
    })
    optionMenu.addAction(checkInAction)
}

代碼

Beginning-iOS-Programming-with-Swift

說(shuō)明

此文是學(xué)習(xí)appcode網(wǎng)站出的一本書 《Beginning iOS 10 Programming with Swift》 的一篇記錄

系列文章目錄

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市溃睹,隨后出現(xiàn)的幾起案子而账,更是在濱河造成了極大的恐慌,老刑警劉巖因篇,帶你破解...
    沈念sama閱讀 211,817評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件泞辐,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡竞滓,警方通過查閱死者的電腦和手機(jī)咐吼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)商佑,“玉大人锯茄,你說(shuō)我怎么就攤上這事。” “怎么了肌幽?”我有些...
    開封第一講書人閱讀 157,354評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵晚碾,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我牍颈,道長(zhǎng)迄薄,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,498評(píng)論 1 284
  • 正文 為了忘掉前任煮岁,我火速辦了婚禮讥蔽,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘画机。我一直安慰自己冶伞,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評(píng)論 6 386
  • 文/花漫 我一把揭開白布步氏。 她就那樣靜靜地躺著响禽,像睡著了一般。 火紅的嫁衣襯著肌膚如雪荚醒。 梳的紋絲不亂的頭發(fā)上芋类,一...
    開封第一講書人閱讀 49,829評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音界阁,去河邊找鬼侯繁。 笑死,一個(gè)胖子當(dāng)著我的面吹牛泡躯,可吹牛的內(nèi)容都是我干的贮竟。 我是一名探鬼主播,決...
    沈念sama閱讀 38,979評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼较剃,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼咕别!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起写穴,我...
    開封第一講書人閱讀 37,722評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤惰拱,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后啊送,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體偿短,經(jīng)...
    沈念sama閱讀 44,189評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評(píng)論 2 327
  • 正文 我和宋清朗相戀三年删掀,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片导街。...
    茶點(diǎn)故事閱讀 38,654評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡披泪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出搬瑰,到底是詐尸還是另有隱情款票,我是刑警寧澤控硼,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站艾少,受9級(jí)特大地震影響卡乾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜缚够,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評(píng)論 3 313
  • 文/蒙蒙 一幔妨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧谍椅,春花似錦误堡、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至杖们,卻和暖如春悉抵,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背摘完。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工姥饰, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人描焰。 一個(gè)月前我還...
    沈念sama閱讀 46,382評(píng)論 2 360
  • 正文 我出身青樓媳否,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親荆秦。 傳聞我的和親對(duì)象是個(gè)殘疾皇子篱竭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容