通过xib自定义UITableViewCell

通过xib自定义UITableViewCell

一、新建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类：

1. //  MyTableViewCell.h
2. //  UITableViewCellDemo
3. //
4. //  Created by WildCat on 13-8-6.
5. //  Copyright (c) 2013年 wildcat. All rights reserved.
6. //
7. #import <UIKit/UIKit.h>
8. @interface MyTableViewCell : UITableViewCell
9. @property (weak, nonatomic) IBOutlet UIImageView *imageView;
10. @property (weak, nonatomic) IBOutlet UILabel *titleLabel;
11. @property (copy,nonatomic) NSString *titleName;
12. @property (copy,nonatomic) NSString *image;
13. @end

1. //
2. //  MyTableViewCell.m
3. //  UITableViewCellDemo
4. //
5. //  Created by WildCat on 13-8-6.
6. //  Copyright (c) 2013年 wildcat. All rights reserved.
7. //
8. #import "MyTableViewCell.h"
9. @implementation MyTableViewCell
10. @synthesize imageView;
11. @synthesize titleLabel;
12. @synthesize titleName;
13. @synthesize image;
14. -(void)setImage:(NSString *)image{
15. self.imageView.image=[UIImage imageNamed:[image copy]];
16. }
17. -(void)setTitleName:(NSString *)titleName{
18. self.titleLabel.text=[titleName copy];
19. }
20. - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
21. {
22. self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
23. if (self) {
24. // Initialization code
25. }
26. return self;
27. }
28. - (void)setSelected:(BOOL)selected animated:(BOOL)animated
29. {
30. [super setSelected:selected animated:animated];
31. // Configure the view for the selected state
32. }
33. @end

ViewController类文件：

1. //  ViewController.h
2. //  UITableViewCellDemo
3. //
4. //  Created by WildCat on 13-8-6.
5. //  Copyright (c) 2013年 wildcat. All rights reserved.
6. //
7. #import <UIKit/UIKit.h>
8. @interface ViewController : UIViewController<UITableViewDataSource,UITableViewDelegate>
9. @property (nonatomic,strong) UITableView *myTableView;
10. @end

1. //
2. //  ViewController.m
3. //  UITableViewCellDemo
4. //
5. //  Created by WildCat on 13-8-6.
6. //  Copyright (c) 2013年 wildcat. All rights reserved.
7. //
8. #import "ViewController.h"
9. #import "MyTableViewCell.h"
10. @interface ViewController ()
11. @end
12. @implementation ViewController
13. @synthesize myTableView=_myTableView;
14. #pragma mark -实现协议方法
15. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;{
16. return 1;
17. }
18. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
19. return 5;
20. }
21. - (CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
22. CGFloat result = 40.0f;
23. if ([tableView isEqual:self.myTableView]){
24. result = 80.0f;
25. }
26. return result;
27. }
28. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
29. MyTableViewCell *cell;
30. //定义CustomCell的复用标识,这个就是刚才在CustomCell.xib中设置的那个Identifier,一定要相同,否则无法复用
31. static NSString *identifier = @"MyTableViewCell";
32. //根据复用标识查找TableView里是否有可复用的cell,有则返回给cell
33. cell = (MyTableViewCell*)[tableView dequeueReusableCellWithIdentifier:identifier];
34. //判断是否获取到复用cell,没有则从xib中初始化一个cell
35. if (!cell) {
36. //将Custom.xib中的所有对象载入
37. NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@"MyTableViewCell" owner:nil options:nil];
38. //第一个对象就是CustomCell了
39. cell = [nib objectAtIndex:0];
40. }
41. cell.image=@"1.jpeg";
42. cell.titleName=@"wildcat的专栏 新浪微博：http://weibo.com/u/3202802157";
43. return cell;
44. }
45. #pragma mark - Controller方法
46. - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
47. {
48. self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
49. if (self) {
50. // Custom initialization
51. }
52. return self;
53. }
54. - (void)viewDidLoad
55. {
56. [super viewDidLoad];
57. // Do any additional setup after loading the view.
58. self.view.backgroundColor=[UIColor redColor];
59. self.myTableView=[[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
60. self.myTableView.dataSource=self;
61. self.myTableView.delegate=self;
62. self.myTableView.autoresizingMask=UIViewAutoresizingFlexibleHeight|UIViewAutoresizingFlexibleWidth;
63. [self.view addSubview:self.myTableView];
64. }
65. - (void)viewDidUnload
66. {
67. [super viewDidUnload];
68. // Release any retained subviews of the main view.
69. self.myTableView=nil;
70. }
71. - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
72. {
73. return (interfaceOrientation == UIInterfaceOrientationPortrait);
74. }
75. @end

运行结果：