之前，我們已經創建了一個簡單的表視圖App，用來顯示菜單列表和圖片。
下面，我們繼續改進該App，是其效果更佳。
?
1）實現不同的行顯示不同的圖片
2) ?定制表視圖單元格
?
?
1.顯示不同的縮略圖：
?
在修改代碼之前，我們先回顧一下在數據行上顯示縮略圖的代碼：
?
?
- ( UITableViewCell *)tableView:( UITableView *)tableView cellForRowAtIndexPath:( NSIndexPath *)indexPath
{
? ? static NSString *simpleTableIdentifier = @"simpleTableItem" ;
? ? UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier :simpleTableIdentifier];
?
? ? if (cell == nil ) {
? ? ? ? cell = [[ UITableViewCell alloc ] initWithStyle : UITableViewCellStyleDefault reuseIdentifier :simpleTableIdentifier];
? ? }
?
cell. textLabel . text = [ tableData objectAtIndex :indexPath. row ];
cell. imageView . image = [ UIImage imageNamed : @"creme_brelee.jpg" ];
return cell;
}
@implementation SimpleTableViewController
{
? ? NSArray * tableData;
? ? NSArray * thumbnails;
? ? NSString * prepTime;
? ? NSArray * time;
}
?
?
- ( void )viewDidLoad
{
? ? [ super viewDidLoad ];
? ? //Initialize table data
? ? tableData = [ NSArray arrayWithObjects : @"Egg Benedict" , @"Mushroom Risotto" , @"Full Breakfast" , @"Hamburger" , @"Ham and Egg sandwith" , @"Creme Brelee" , @"White Chcolate Dount" , @"Starbucks Coffee" , @"Vegetable Curry" , @"Instant Noodle with Egg" , @"Noodle with BBQ Pork" , @"Japanese Noodle with Pork" , @"Green Tea" , @"Thai Shrimp Cake" , @"Angry Birds Cake" , @"Ham and Cheese Panini" , nil ];
?
? ? //Initialize thumbnails
? ? thumbnails = [ NSArray arrayWithObjects : @"egg_benedict.jpg" , @"mushroom_risotto.jpg" , @"full_breakfast.jpg" , @"hamburger.jpg" , @"ham_and_egg_sandwich.jpg" , @"creme_brelee.jpg" , @"white_chocolate_donut.jpg" , @"starbucks_coffee.jpg" , @"vegetable_curry.jpg" , @"instant_noodle_with_egg.jpg" , @"noodle_with_bbq_pork.jpg" , @"japanese_noodle_with_pork.jpg" , @"green_tea.jpg" , @"thai_shrimp_cake.jpg" , @"angry_birds_cake.jpg" , @"ham_and_cheese_panini.jpg" , nil ];
?
? ?? //Initialize prepTime
? ? prepTime = @"PrepTime:" ;
?
? ? //Initialize time
? ? time = [ NSArray arrayWithObjects : @"30 min" , @"20 min" , @"10 min" , @"40 min" , @"50 min" , @"70 min" , @"90 min" , @"30 min" , @"30 min" , @"30 min" , @"30 min" , @"30 min" , @"30 min" , @"30 min" , @"30 min" , @"30 min" , nil ];
}
?
?
?
@property ( nonatomic , weak ) IBOutlet UILabel *nameLabel;
?
@property ( nonatomic , weak ) IBOutlet UILabel *prepTimeLabel;
?
@property ( nonatomic , weak ) IBOutlet UIImageView *thumbnailImageView;
?
@property ( nonatomic , weak ) IBOutlet UILabel *time;
@synthesize nameLabel = _nameLabel;
?
@synthesize prepTimeLabel = _prepTimeLabel;
?
@synthesize thumbnailImageView = _thumbnailImageView;
?
@synthesize time = _time;
- ( UITableViewCell *)tableView:( UITableView *)tableView cellForRowAtIndexPath:( NSIndexPath *)indexPath
{
? ? static NSString *simpleTableIdentifier = @"SimpleTableCell" ;
?
? ? SimpleTableCell *cell = ( SimpleTableCell *)[tableView dequeueReusableCellWithIdentifier :simpleTableIdentifier];
?
? ? if (cell == nil ) {
? ? ? ? NSArray *nib = [[ NSBundle mainBundle ] loadNibNamed : @"SimpleTableCell" owner : self options : nil ];
? ? ? ? cell = [nib objectAtIndex : 0 ];
? ? }
? ? cell. nameLabel . text = [ tableData objectAtIndex :indexPath. row ];
? ? cell. thumbnailImageView . image = [ UIImage imageNamed :[ thumbnails objectAtIndex :indexPath. row ]];
? ??cell. prepTimeLabel . text = prepTime ;
? ??cell. time . text = [ time objectAtIndex :indexPath. row ];
?
? ? return cell;
}
?
然后，在更新好代碼之后，Xcode檢測到一些錯誤，并顯示在源碼編輯器中：
?
這是因為我們少引用SimpleTableCell.h 頭文件。
?
最后，因為表單元格的高度更改為78，因此在@end代碼行之前添加如下代碼：
?
?
- ( CGFloat )tableView:( UITableView *)tableView heightForRowAtIndexPath:( NSIndexPath *)indexPath
{
? ? return 78 ;
}
?
?
?
?
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
