第九章 刪除表格行,定制Action按鈕,MVC模式(二)

IOS 8編程入門--使用swift語(yǔ)言 專題目錄:

IOS 8 開發(fā)入門--序言(一)

IOS 8 開發(fā)入門--序言(二)

第一章:創(chuàng)建你的第一個(gè)App(一)

第一章:創(chuàng)建你的第一個(gè)App(二)

第二章:使用Storyboard設(shè)計(jì)用戶界面(一)

第二章:使用Storyboard設(shè)計(jì)用戶界面(二)

...............

第七章? 使用prototype Cell定制Table View(一)

第七章? 使用prototype Cell定制Table View(二)

第八章 表格單元格選取以及UIAlertController(一)

第九章 刪除表格行,定制Action按鈕,MVC模式(一)

全書完整目錄

從模型中刪除行數(shù)據(jù)

下一件事情就是實(shí)現(xiàn)方法并用代碼刪除表中的真實(shí)數(shù)據(jù)。在方法聲明中,indexPath參數(shù)為你提供要?jiǎng)h除的單元的行號(hào)。所以你可以利用該信息然后從數(shù)據(jù)數(shù)組中移除合適的元素。

在 FoodPin app中,restaurantNames, restaurantLocations, restaurantTypes 和restaurantIsVisited都是數(shù)據(jù)模型。很明顯,我們必須將選中的餐館從所有的數(shù)組中移除。在Swift中,你可以使用removeAtIndex方法來(lái)從數(shù)組中移除元素。下面就是移除行數(shù)據(jù)的代碼

該方法支持兩種編輯類型:插入和刪除。因?yàn)槲覀冴P(guān)心的是刪除操作,我們只在用戶點(diǎn)擊刪除按鈕是移除數(shù)據(jù)。

試著再次測(cè)試一下你的app。哦,app并沒(méi)有像預(yù)期那樣工作。當(dāng)你點(diǎn)擊刪除按鈕,單元格沒(méi)有被移除。可能你認(rèn)為數(shù)據(jù)沒(méi)有被正確移除。那我們?cè)谶@里進(jìn)行一些調(diào)試。在方法結(jié)束之前插入下面的代碼將數(shù)組中的內(nèi)容打印出來(lái)。

在Swift中你可以使用println方法在控制臺(tái)輸出一條消息。輸出變量的內(nèi)容是一種非常基礎(chǔ)的調(diào)試方法。上面的代碼在執(zhí)行刪除操作后打印出了整個(gè)restaurantNames數(shù)組中的元素。默認(rèn)情況下控制臺(tái)被Xcode隱藏了。選擇view->Debug Area > Activate Console.

好現(xiàn)在編譯和運(yùn)行app。從表格中刪除第一行(例如 Cafe Deadend)。你可以在調(diào)試區(qū)域下面的控制臺(tái)中看到輸出。一開始我們有21個(gè)餐館元素,在執(zhí)行刪除行操作后,元素減少為20個(gè)。并且從輸出看,“Cafe Deadend”已經(jīng)被完全刪除了。

所以app已經(jīng)從數(shù)組中刪除了元素。但是看起來(lái)是界面沒(méi)有更新。對(duì)的,的確是界面沒(méi)有更新。

我們還沒(méi)有通知table view 更新它的內(nèi)容。

重新加載UITableView

一種讓界面更新它的內(nèi)容的方法是調(diào)用reloadData。我們?cè)谇暗姆椒ㄖ性黾右恍兄剌dtable view數(shù)據(jù)的代碼。

當(dāng)reloadData方法被調(diào)用時(shí),table view 清除原內(nèi)容并且重新從restaurant數(shù)組中獲取數(shù)據(jù)再次顯示。現(xiàn)在再次編譯并且測(cè)試app。這次應(yīng)該刪除成功了。

從UITableView中刪除行

現(xiàn)在app能夠正常工作,但是有更好的更新table view的方法。思考一下,我們只要?jiǎng)h除單獨(dú)的行,為什么我們不從table view中刪除指定的行。你可以使用deleteRowAtIndexPaths方法刪除一個(gè)單獨(dú)的行。使用下面的代碼替代reloadData方法

再次編譯并且運(yùn)行。當(dāng)你確定刪除某條記錄,該行就消失了。

更多的滑動(dòng)操作

當(dāng)你在股票郵件app中滑動(dòng)一個(gè)表格單元時(shí),你將會(huì)看到Trash(廢棄)按鈕,外加一個(gè)More(更多)按鈕。More按鈕將會(huì)顯示一個(gè)操作列表例如回復(fù),標(biāo)記等等。當(dāng)我第一次在IOS 7發(fā)布時(shí)使用這個(gè)功能時(shí),我認(rèn)為使用這種方式為管理表格的行提供更多的操作是非常好的。但是蘋果公司最終沒(méi)有在IOS7中為開發(fā)者提供這個(gè)功能。好消息是你能夠在iOS8中使用該功能。

IOS8 SDK添加了一個(gè)名叫UITableViewRowAction的新類。你可以使用這個(gè)類來(lái)定制表格行的操作。為了給表格行提供定制的操作,你需要實(shí)現(xiàn)tableView(_:editActionsForRowAtIndexPath:)方法。在RestaurantTableViewController.swift中添加下面的代碼:

UITableViewRowAction類的使用方法和UIAlertAction非常像。你指定用戶點(diǎn)擊按鈕時(shí)的標(biāo)題,樣式和執(zhí)行的代碼。在本例中,我們將定制動(dòng)作命名為 “Share”。當(dāng)用戶點(diǎn)擊按鈕,將會(huì)彈出一個(gè)菜單顯示share可以使用服務(wù)。

你可能注意到我們?cè)谇懊娴拇a中添加了刪除按鈕。當(dāng)你實(shí)現(xiàn)tableView(_:editActionsForRowAtIndexPath:)方法,table view 將不再為你產(chǎn)生刪除(Delete)按鈕。所以我們需要?jiǎng)?chuàng)建我們自己的刪除按鈕。

上述代碼中的最后一行可能是最重要的部分。它返回一個(gè)UITableViewRowAction數(shù)組對(duì)象通知table view 在滑動(dòng)的時(shí)候創(chuàng)建按鈕。編譯并且運(yùn)行app。滑動(dòng)表格的行會(huì)顯示你創(chuàng)建的兩個(gè)按鈕。點(diǎn)擊Share按鈕將會(huì)彈出類似下圖的共享菜單。

UITableViewRowAction 類向開放者提供backgroundColor 屬性以定制它的背景顏色

UIKit提供一個(gè)UIColor類來(lái)代表顏色。UIKit中的很多方法都需要你使用UIColor對(duì)象來(lái)提供顏色數(shù)據(jù)。UIColor類自帶一些標(biāo)準(zhǔn)的顏色,例如UIColor.blueColor()和UIColor.redColor()。如果你想用你自己的顏色,你可以通過(guò)提供RGB元素的值來(lái)創(chuàng)建自己的UIColor對(duì)象。RGB元素對(duì)象的值需要在0和1之間。如果你是一個(gè)web設(shè)計(jì)師或者在圖像方面有經(jīng)驗(yàn)的話,你明白R(shí)GB值通常是在0到255之間的。為了適配UIColor類的要求,在創(chuàng)建UIColor對(duì)象時(shí)你需要將每個(gè)元素的值除以255。你可以在tableView(_:editActionsForRowAtIndexPath:)方法中添加下面的代碼

return [deleteAction, shareAction]

好了。再次測(cè)試app,看看你是否對(duì)新顏色滿意。不滿意的話修改顏色代碼直到你滿意為止。

小結(jié)

在這章中為你對(duì)MVC進(jìn)行了簡(jiǎn)明介紹并且展示了如何刪除表格行。并且你還創(chuàng)建了一個(gè)滑動(dòng)共享按鈕。我們的FoodPin app在逐漸變好。你可以為你取得的進(jìn)步自豪。

MVC的概念非常重要。如果你是一個(gè)編程新手,那需要一定的時(shí)間來(lái)理解。如果感到理解困難,那就休息一下并且喝一杯咖啡。休息之后回到本章。你可能就會(huì)發(fā)現(xiàn)更容易理解了。

在下一章,我們將學(xué)習(xí)一些新的東西并且創(chuàng)建一個(gè)導(dǎo)航控制器。

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

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