今天看新聞,科比肩部撕裂,可能會提前退役,這個頑固的男人,終於要落幕了,雖然我不是他的球迷,也是心生敬仰,今天的主題就以科比為素材,向這位人生的斗士致敬。
前面我們講到了tableview的單元格的系統自帶的image label,用起來很方便,可是畢竟限制很多,這一篇將會講到一個神奇的東西——自定義單元格,由你控制單元格顯示的內容,位置,形式。如下圖,我們要制作一個球星列表,需要四項信息:頭像+姓名+年齡+性別
拖控件,如下圖設置單元格高度,這裡要講一下高度有兩個:
設置tableview 的row 高度為:180 這個高度是tableview的行高,就是不管你要多大的cell,屏幕上都只能占一行的高度……設置cell高度,——這個是cell本身的高度在界面設置復用:
添加自定義控件類:繼承tableviewcell
#import@interface CustomTableViewCell : UITableViewCell @property (weak, nonatomic) IBOutlet UIImageView *image; @property (weak, nonatomic) IBOutlet UILabel *name; @property (weak, nonatomic) IBOutlet UILabel *age; @property (weak, nonatomic) IBOutlet UILabel *phone; @end 選擇cell,讓關聯自定義類和storyboard
#import CustomTableViewController.h #import CustomTableViewCell.h @interface CustomTableViewController ()@end @implementation CustomTableViewController - (void)viewDidLoad { [super viewDidLoad]; } - (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated. } #pragma mark - Table view data source - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { // Return the number of sections. return 1; } - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { // Return the number of rows in the section. return 1; } -(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *cellIdentifier=@Cell; CustomTableViewCell*cell=[tableView dequeueReusableCellWithIdentifier:cellIdentifier]; cell.name.text=@科比; cell.age.text=@37; cell.phone.text=@男; cell.image.image=[UIImage imageNamed:@Kobe.png]; return cell; }