您好,登錄后才能下訂單哦!
自定義單元格
當蘋果公司提供給的單元格樣式不能我們的業務需求的時候,我們需要自定義單元格。在iOS 5之前,自定義單元格可以有兩種實現方式:代碼實現和用xib技術實現。用xib技術實現相對比較簡單,創建一個xib文件,然后定義一個繼承 UITableViewCell類單元格類即可。在iOS 5之后我們又有了新的選擇,故事板實現方式,這種方式比xib方式更簡單一些。
我們把簡單表視圖案例的原型圖修改一下,這種情況下四種內置的單元格樣式就不合適了。
采用“Single View Application”工程模版創建一個名為“CustomCell”的工程,Table View屬性的“Prototype Cells”項目設為1(除此之外其它的操作過程與上同)。
設計畫面中上部會有一個單元格設計畫面,我們可以在這個位置進行單元格布局的設計。從對象庫拖拽一個Label和Image View到單元格設計畫面,調整好它們的位置。
創建自定義單元格類CustomCell, 選擇UITableViewCell為父類
再 回到IB設計畫面,在IB中左邊選擇“Table View Controller Scene” → “Table View Controller” → “Table View” → “Table View Cell”,打開單元格的標識檢查器,在Class的選項中選擇CustomCell類。
為Lable和ImageView控件連接輸出口
本案例的代碼如下:
- //
- // CustomCell.h
- // CustomCell
- #import <UIKit/UIKit.h>
- @interface CustomCell : UITableViewCell
- @property (weak, nonatomic) IBOutlet UILabel *name;
- @property (weak, nonatomic) IBOutlet UIImageView *p_w_picpath;
- @end
- //
- // CustomCell.m
- // CustomCell
- #import “CustomCell.h”
- @implementation CustomCell
- @end
CustomCell類的代碼比較簡單,在有些業務中還需要定義動作。
修改視圖控制器ViewController.m中的tableView: cellForRowAtIndexPath:方法,代碼如下:
- - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
- {
- static NSString *CellIdentifier = @”Cell”;
- CustomCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
- if (cell == nil) {
- cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
- }
- NSUInteger row = [indexPath row];
- NSDictionary *rowDict = [self.listTeams objectAtIndex:row];
- cell.name.text = [rowDict objectForKey:@"name"];
- cell.p_w_picpath.p_w_picpath = [UIImage p_w_picpathNamed:[rowDict objectForKey:@"p_w_picpath"]];
- NSUInteger row = [indexPath row];
- NSDictionary *rowDict = [self.listFilterTeams objectAtIndex:row];
- cell.textLabel.text = [rowDict objectForKey:@"name"];
- NSString *p_w_picpathPath = [rowDict objectForKey:@"p_w_picpath"];
- p_w_picpathPath = [p_w_picpathPath stringByAppendingString:@".png"];
- cell.p_w_picpath.p_w_picpath = [UIImage p_w_picpathNamed:p_w_picpathPath];
- cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
- return cell;
- }
我們看到if (cell == nil){}代碼被移除,這是因為我們在IB中已經將重用標識設定為Cell了。 方法中的其它代碼與簡單表一致,此處不再贅述。運行一下。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。