iOS UITableView獲取cell的indexPath及cell內部按鈕點擊事件處理

一個頁面如果用UITableView來展現數據并進行相關操作,可能會經常遇到cell內部按鈕點擊事件,點擊不同的按鈕進行不同的操作或者是展現不同的數據。如下圖所示,點擊右側按鈕可以撥打每個客戶的電話。

點擊右側電話按鈕撥打客戶電話

由于UITableView的數據是通過其數據源方法來進行展示的,數據通常存儲在模型數組中,要想實現cell內部按鈕點擊獲取到對應cell的信息則可以先獲得當前cell的indexPath或者通過按鈕的TAG值實現。


先來說說前面一種方法,獲取當前cell的indexPath。

不過在此之前,首先要確定你的cell創建方式,是Xib自定義創建的cell還是通過純代碼創建的,因為會有一點區別,如果不提前確定創建cell的方式,也會出現錯誤。

第一種情況:通過XIb創建的cell

Xib創建的cell
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

static NSString *cellID = @"test";

testCell *cell = (testCell *)[tableView dequeueReusableCellWithIdentifier:cellID];

if (!cell) {
    cell = [[[NSBundle mainBundle]loadNibNamed:@"testCell" owner:self options:nil]lastObject];
}

cell.testLabel.text = self.data[indexPath.row];
//添加按鈕點擊事件
[cell.testBtn addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];

return cell;
}

//按鈕點擊事件
-(void)click:(UIButton *)btn{

UIView *contentView = [btn superview];
testCell *cell = (testCell *)[contentView superview];
NSIndexPath *indexPath = [self.tb indexPathForCell:cell];

NSLog(@"%@----%@",indexPath,self.data[indexPath.row]);
}

運行結果

從上往下依次點擊每一行的按鈕,打印結果如下

2017-03-31 16:07:37.077 cell按鈕點擊事件 代理方法[40818:1294020] <NSIndexPath: 0xc000000000000016> {length = 2, path = 0 - 0}----第一行
2017-03-31 16:07:38.230 cell按鈕點擊事件 代理方法[40818:1294020] <NSIndexPath: 0xc000000000200016> {length = 2, path = 0 - 1}----第二行
2017-03-31 16:07:39.190 cell按鈕點擊事件 代理方法[40818:1294020] <NSIndexPath: 0xc000000000400016> {length = 2, path = 0 - 2}----第三行
2017-03-31 16:07:39.919 cell按鈕點擊事件 代理方法[40818:1294020] <NSIndexPath: 0xc000000000600016> {length = 2, path = 0 - 3}----第四行

第二種情況:純代碼創建的cell

自定義cell的.m文件
#import "customCell.h"

@interface customCell()

@property (nonatomic,strong) UILabel *label;

@end


@implementation customCell


-(id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{

if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
    
    UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(180, 20, 80, 50)];
    self.label = label;
    
    [self.contentView addSubview:label];
}

return self;

}

-(void)reloadData:(NSArray *)data index:(NSIndexPath *)index{

self.label.text = data[index.row];

}

在ViewController.m里

 -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{


static NSString *cellID = @"custom";

customCell *cell = (customCell *)[tableView dequeueReusableCellWithIdentifier:cellID];

if (!cell) {
    cell = [[customCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellID];
}

UIButton *btn = [[UIButton alloc]initWithFrame:CGRectMake(20, 20, 100, 50)];

[btn setTitle:@"點擊一哈" forState:UIControlStateNormal];
[btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
//添加按鈕點擊事件
[btn addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];

[cell addSubview:btn];

[cell reloadData:self.data index:indexPath];

return cell;
}

**使用純代碼創建cell,如果按照前面xib創建cell一樣的方法,在按鈕的點擊事件里代碼如下,運行打印結果則并不是正確的。

-(void)click:(UIButton *)btn{

UIView *contentView = (UIView *)[btn superview];

customCell *cell = (customCell *)[contentView superview];

NSIndexPath *path = [self.TB indexPathForCell:cell];

NSLog(@"%@----%@",indexPath,self.data[indexPath.row]);

}
運行效果

從上往下一次點擊按鈕,打印結果如下:

2017-03-31 16:21:03.668 customCell[41363:1315437] (null)----第一行
2017-03-31 16:21:05.735 customCell[41363:1315437] (null)----第一行
2017-03-31 16:21:06.535 customCell[41363:1315437] (null)----第一行
2017-03-31 16:21:07.407 customCell[41363:1315437] (null)----第一行

**事實上,通過這種子視圖獲取父視圖,然后再調取- (nullable NSIndexPath )indexPathForCell:(UITableViewCell )cell方法獲得對應cell的NSIndexPath,兩種不同方法創建cell實則存在差異。使用純代碼創建cell的正確方法應該如下

-(void)click:(UIButton *)btn{

customCell *cell  = (customCell *)[btn superview];

NSIndexPath *indexPath = [self.TB indexPathForCell:cell];

}

在使用xib創建自定義cell的時候,倘若通過這種方法獲取當前cell的NSIndexPath,可以打開cell的xib視層圖,從按鈕所在的那個圖層依次向上看,遇到一個父視圖就調用superview方法,但是別忘了cell的Content View,再用Content View調用一次superview方法才是你展示在tableview中的cell視圖。

xib創建cell調用superview

再來后面的一種方法,通過按鈕的Tag值來相應對應按鈕的點擊事件。

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

static NSString *cellID = @"test";

testCell *cell = (testCell *)[tableView dequeueReusableCellWithIdentifier:cellID];

if (!cell) {
    cell = [[[NSBundle mainBundle]loadNibNamed:@"testCell" owner:self options:nil]lastObject];
}

cell.testLabel.text = self.data[indexPath.row];

[cell.testBtn addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];

//通常為了避免跟系統tag值沖突,一般都會加上一個大數值,調用的時候再減去這個數值
cell.testBtn.tag = indexPath.row + 9999;


return cell;
}

-(void)click:(UIButton *)btn{

NSLog(@"%ld---%@",btn.tag - 9999 ,self.data[btn.tag - 9999]);

}

從上往下一次點擊按鈕,打印結果如下:

2017-03-31 16:45:52.941 cell按鈕點擊事件 代理方法[41664:1326741] 0---第一行
2017-03-31 16:45:53.573 cell按鈕點擊事件 代理方法[41664:1326741] 1---第二行
2017-03-31 16:45:54.556 cell按鈕點擊事件 代理方法[41664:1326741] 2---第三行
2017-03-31 16:45:55.212 cell按鈕點擊事件 代理方法[41664:1326741] 3---第四行

實際上,使用按鈕的TAG值是比較簡單的方法,但是項目中有大量tag值的,并不推薦使用這個方法,容易造成混亂,不好維護。而且通過tag值獲取控件的方式是通過遍歷所有子控件的tag值來完成的,效率會比較低下。

tag有什么壞處呢?目前表現出來的壞處就是,使用太多容易混亂,在復雜度較高的程序中,可讀性很差。間接的也體現了一些工程師,不愛使用enum枚舉的一個陋習,滿篇的xxx.tag = 1....之類的代碼。

tag有什么好處呢?既然UIKit的class里面都有一個tag屬性,肯定是有它存在的道理,tag顧名思義就是給視圖打上標簽,可以用來遍歷子視圖,而不用定義property或是nsarray來進行特定的定義或保存指針。舉個例子,要你生成10個label,是使用循環生成方便還是通過property一個一個定義方便?當然使用循環+局部變量方便的多,如果這10個label同時存在交互,你就有三個選擇:使用tag,或者使用nsarray進行保存指針,或者使用category或繼承來自定義控件實現。這里就很明顯了,使用tag需要的代碼最少,當然也就成了眾多工程師們偷懶的一種方式。

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

推薦閱讀更多精彩內容

  • 2017.02.22 可以練習,每當這個時候,腦袋就犯困,我這腦袋真是神奇呀,一說讓你做事情,你就犯困,你可不要太...
    Carden閱讀 1,363評論 0 1
  • *面試心聲:其實這些題本人都沒怎么背,但是在上海 兩周半 面了大約10家 收到差不多3個offer,總結起來就是把...
    Dove_iOS閱讀 27,197評論 30 471
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,155評論 4 61
  • 子代選擇器 div>p 子代選擇器 選擇的是p標簽 而且父級是div的 p 標簽 兄弟選擇器 div + p 緊跟...
    小飛俠zzr閱讀 527評論 0 0
  • 1. 原來24歲已經是不能熬夜的年紀了。 每次圖便宜搭紅眼航班之后的一到兩天,因為作息被打亂,所以整個人都會呈現一...
    上上上上上好佳閱讀 1,983評論 20 16