一、新建iOS Application工程,选择Single View Application,不要选中Use Storyboard.假设指定的是product name是:UITableViewCellDemo,则完成后自动生成代码视图如下图:
二。新建一个UITableViewCell文件:
三。Add---New Files----User Interface-----Empty XIB
创建一个空的 MyTableViewCell.xib 文件,记住,XIB的名称一定要跟 签名的类的名称一致,也就是一模一样。
一定要选 Empty XIB类型,如果不是选的这个,那么创建的XIB里面的已经存在的那个UIView将不能调整高度,它的高度固定死了。
4.在xib中拖入一个Table View Cell 和一个label 一个imageView ,并于MyTableViewCell中连接如下图:
五。这样,就可以往这个新添加的View里面添加我们自己的个性化控件了,这个View就是我们的Cell的模板了。这个过程跟普通的XIB一样,没有什么特别的。
那么如何在代码中使用这个MyTableViewCell呢?
代码如下:
MyTableViewCell类:
- // MyTableViewCell.h
- // UITableViewCellDemo
- //
- // Created by WildCat on 13-8-6.
- // Copyright (c) 2013年 wildcat. All rights reserved.
- //
- #import <UIKit/UIKit.h>
- @interface MyTableViewCell : UITableViewCell
- @property (weak, nonatomic) IBOutlet UIImageView *imageView;
- @property (weak, nonatomic) IBOutlet UILabel *titleLabel;
- @property (copy,nonatomic) NSString *titleName;
- @property (copy,nonatomic) NSString *image;
- @end
- //
- // MyTableViewCell.m
- // UITableViewCellDemo
- //
- // Created by WildCat on 13-8-6.
- // Copyright (c) 2013年 wildcat. All rights reserved.
- //
- #import "MyTableViewCell.h"
- @implementation MyTableViewCell
- @synthesize imageView;
- @synthesize titleLabel;
- @synthesize titleName;
- @synthesize image;
- -(void)setImage:(NSString *)image{
- self.imageView.image=[UIImage imageNamed:[image copy]];
- }
- -(void)setTitleName:(NSString *)titleName{
- self.titleLabel.text=[titleName copy];
- }
- - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
- {
- self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
- if (self) {
- // Initialization code
- }
- return self;
- }
- - (void)setSelected:(BOOL)selected animated:(BOOL)animated
- {
- [super setSelected:selected animated:animated];
- // Configure the view for the selected state
- }
- @end
ViewController类文件:
- // ViewController.h
- // UITableViewCellDemo
- //
- // Created by WildCat on 13-8-6.
- // Copyright (c) 2013年 wildcat. All rights reserved.
- //
- #import <UIKit/UIKit.h>
- @interface ViewController : UIViewController<UITableViewDataSource,UITableViewDelegate>
- @property (nonatomic,strong) UITableView *myTableView;
- @end
- //
- // ViewController.m
- // UITableViewCellDemo
- //
- // Created by WildCat on 13-8-6.
- // Copyright (c) 2013年 wildcat. All rights reserved.
- //
- #import "ViewController.h"
- #import "MyTableViewCell.h"
- @interface ViewController ()
- @end
- @implementation ViewController
- @synthesize myTableView=_myTableView;
- #pragma mark -实现协议方法
- - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;{
- return 1;
- }
- - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
- return 5;
- }
- - (CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
- CGFloat result = 40.0f;
- if ([tableView isEqual:self.myTableView]){
- result = 80.0f;
- }
- return result;
- }
- - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
- MyTableViewCell *cell;
- //定义CustomCell的复用标识,这个就是刚才在CustomCell.xib中设置的那个Identifier,一定要相同,否则无法复用
- static NSString *identifier = @"MyTableViewCell";
- //根据复用标识查找TableView里是否有可复用的cell,有则返回给cell
- cell = (MyTableViewCell*)[tableView dequeueReusableCellWithIdentifier:identifier];
- //判断是否获取到复用cell,没有则从xib中初始化一个cell
- if (!cell) {
- //将Custom.xib中的所有对象载入
- NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@"MyTableViewCell" owner:nil options:nil];
- //第一个对象就是CustomCell了
- cell = [nib objectAtIndex:0];
- }
- cell.image=@"1.jpeg";
- cell.titleName=@"wildcat的专栏 新浪微博:http://weibo.com/u/3202802157";
- return cell;
- }
- #pragma mark - Controller方法
- - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
- {
- self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
- if (self) {
- // Custom initialization
- }
- return self;
- }
- - (void)viewDidLoad
- {
- [super viewDidLoad];
- // Do any additional setup after loading the view.
- self.view.backgroundColor=[UIColor redColor];
- self.myTableView=[[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
- self.myTableView.dataSource=self;
- self.myTableView.delegate=self;
- self.myTableView.autoresizingMask=UIViewAutoresizingFlexibleHeight|UIViewAutoresizingFlexibleWidth;
- [self.view addSubview:self.myTableView];
- }
- - (void)viewDidUnload
- {
- [super viewDidUnload];
- // Release any retained subviews of the main view.
- self.myTableView=nil;
- }
- - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
- {
- return (interfaceOrientation == UIInterfaceOrientationPortrait);
- }
- @end
运行结果: