由“虎撲體育app”的這個效果痢毒,來談?wù)刄ITableView編輯模式

作為一名jr,虎撲體育幾乎是我每天都得打開的app蚕甥,賽季期間自不必說哪替,長草期也喜歡看看八卦和交易動態(tài)。

那么菇怀,我們來看看這款app里的這個效果圖:

這是一個非常標(biāo)準(zhǔn)的ios UITableView的編輯模式凭舶,有添加、刪除敏释、移動三種編輯效果库快。

當(dāng)你新建UITableView時,是不會有編輯模式的钥顽,要實現(xiàn)它的編輯模式义屏,需要按下面的步驟:

1、開啟tableView的編輯效果

設(shè)置UITableView的editing屬性為YES,或調(diào)用setEditing: animated方法闽铐,后者有動畫

2蝶怔、實現(xiàn) - (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath 方法

這個方法是確定是否哪些行是有編輯效果。如果在1的步驟里設(shè)置了editing屬性為YES兄墅,那么即使2這個方法不實現(xiàn)踢星,默認(rèn)是全部都有編輯效果的

3隙咸、實現(xiàn) - (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath 方法

這個方法是決定每一行的編輯類型是什么沐悦,即:UITableViewCellEditingStyle,是一個枚舉

分別是代表沒有編輯類型五督、刪除類型(cell左邊是綠色圓藏否,中間紅色線)、添加類型(cell左邊是藍(lán)色圓充包,中間是加號)副签。值得注意的是移動的編輯類型是不在這個方法里表現(xiàn)的,要想有移動效果基矮,得看下面的方法

4淆储、實現(xiàn) ?- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath 方法

這個方法是確定哪些行是有移動模式的。如果不實現(xiàn)這個方法家浇,如果你代碼里有moveRowAtIndexPath這個方法本砰,那么每一行也是有移動模式的(這個方法里面可以不寫任何代碼,僅僅只要有這個方法在蓝谨,就會讓每一行都有移動模式)

- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath

5灌具、實現(xiàn) - (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath 方法

前面4個步驟已經(jīng)讓我們每一行按照自己的約定有了編輯模式青团,那么要實現(xiàn)編輯效果:刪除數(shù)據(jù)譬巫,增加數(shù)據(jù)就得看5這個方法了,這里我貼一下我的代碼督笆,實現(xiàn)虎撲體育的刪除和插入效果:

#pragma mark - tableView編輯模式:刪除和插入

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath

{

NSLog(@"commitEditingStyle");

if (editingStyle == UITableViewCellEditingStyleDelete) {

//容易忽視的問題:刪除和插入 分別操作完芦昔,textArr和allTextArr數(shù)據(jù)操作別合在一起

//否則程序會崩潰

//刪除操作

NSUInteger index = indexPath.row;

NSString *text = [textArr objectAtIndex:index];

[textArr removeObjectAtIndex:index];

[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];

//插入操作

[allTextArr addObject:text];

NSIndexPath *insertToIndexPath = [NSIndexPath indexPathForRow:allTextArr.count-1 inSection:1];

[tableView insertRowsAtIndexPaths:@[insertToIndexPath] withRowAnimation:UITableViewRowAnimationBottom];

} else if (editingStyle == UITableViewCellEditingStyleInsert) {

//插入操作

NSUInteger index = indexPath.row;

NSString *text = [allTextArr objectAtIndex:index];

[textArr addObject:text];

NSIndexPath *insertToIndexPath = [NSIndexPath indexPathForRow:textArr.count-1 inSection:0];

[tableView insertRowsAtIndexPaths:@[insertToIndexPath] withRowAnimation:UITableViewRowAnimationFade];

//刪除操作

[allTextArr removeObjectAtIndex:index];

[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];

}

}

到這里,其實整個編輯模式基本講完了娃肿,但是咕缎!大家會發(fā)現(xiàn)你自己實現(xiàn)的代碼,上面section0的那些行不僅僅能在section0里移動料扰,還能夠移動到下面section1里凭豪,這不符合我們想要的效果!這種時候該怎么辦呢晒杈?嫂伞!

- (NSIndexPath *)tableView:(UITableView *)tableView targetIndexPathForMoveFromRowAtIndexPath:(NSIndexPath *)sourceIndexPath toProposedIndexPath:(NSIndexPath *)proposedDestinationIndexPath

秘密就在上面這個方法,大家可以看看最終效果

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市帖努,隨后出現(xiàn)的幾起案子撰豺,更是在濱河造成了極大的恐慌,老刑警劉巖拼余,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件污桦,死亡現(xiàn)場離奇詭異,居然都是意外死亡匙监,警方通過查閱死者的電腦和手機(jī)凡橱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來亭姥,“玉大人梭纹,你說我怎么就攤上這事≈路荩” “怎么了变抽?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長氮块。 經(jīng)常有香客問我绍载,道長,這世上最難降的妖魔是什么滔蝉? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任击儡,我火速辦了婚禮,結(jié)果婚禮上蝠引,老公的妹妹穿的比我還像新娘阳谍。我一直安慰自己,他們只是感情好螃概,可當(dāng)我...
    茶點故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布矫夯。 她就那樣靜靜地躺著,像睡著了一般吊洼。 火紅的嫁衣襯著肌膚如雪训貌。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天冒窍,我揣著相機(jī)與錄音递沪,去河邊找鬼。 笑死综液,一個胖子當(dāng)著我的面吹牛款慨,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播谬莹,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼檩奠,長吁一口氣:“原來是場噩夢啊……” “哼约素!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起笆凌,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤圣猎,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后乞而,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體送悔,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年爪模,在試婚紗的時候發(fā)現(xiàn)自己被綠了欠啤。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡屋灌,死狀恐怖洁段,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情共郭,我是刑警寧澤祠丝,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站除嘹,受9級特大地震影響写半,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜尉咕,卻給世界環(huán)境...
    茶點故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一叠蝇、第九天 我趴在偏房一處隱蔽的房頂上張望狞贱。 院中可真熱鬧每庆,春花似錦八匠、人聲如沸信柿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蔗彤。三九已至姓建,卻和暖如春缓溅,著一層夾襖步出監(jiān)牢的瞬間蛇损,已是汗流浹背赁温。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工坛怪, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人股囊。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓袜匿,卻偏偏與公主長得像,于是被迫代替她去往敵國和親稚疹。 傳聞我的和親對象是個殘疾皇子居灯,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,941評論 2 355

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