IOS学习之——表视图3 自定义单元格

写在前面

今天看新闻，科比肩部撕裂，可能会提前退役，这个顽固的男人，终于要落幕了，虽然我不是他的球迷，也是心生敬仰，今天的主题就以科比为素材，向这位人生的斗士致敬。

前面我们讲到了tableview的单元格的系统自带的image label,用起来很方便，可是毕竟限制很多，这一篇将会讲到一个神奇的东西——自定义单元格，由你控制单元格显示的内容，位置，形式。如下图，我们要制作一个球星列表，需要四项信息：头像+姓名+年龄+性别

设置界面

拖控件，如下图

设置单元格高度，这里要讲一下高度有两个：

1. 设置tableview  的row  高度为：180  这个高度是tableview的行高，就是不管你要多大的cell，屏幕上都只能占一行的高度……
2. 设置cell高度，——这个是cell本身的高度

在界面设置复用：

添加自定义控件类

添加自定义控件类：继承tableviewcell

<span style="font-size:14px;">#import <UIKit/UIKit.h>

@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</span>

选择cell，让关联自定义类和storyboard

在tableview里面对自定义的类进行操作即可

#import "CustomTableViewController.h"
#import "CustomTableViewCell.h"

@interface CustomTableViewController ()<UITableViewDataSource>

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

相关代码

https://git.oschina.net/zhengaoxing/IOS_TableView

欢迎转载，转载请注明出处

本文地址：http://blog.csdn.net/zhenggaoxing/article/details/43086621

43086621