你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> IOS學習之——表視圖3 自定義單元格

IOS學習之——表視圖3 自定義單元格

編輯:IOS開發綜合

寫在前面

今天看新聞,科比肩部撕裂,可能會提前退役,這個頑固的男人,終於要落幕了,雖然我不是他的球迷,也是心生敬仰,今天的主題就以科比為素材,向這位人生的斗士致敬。

前面我們講到了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

\

在tableview裡面對自定義的類進行操作即可

#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;
}

 
 

 
  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved