[转]UITableViewCell的使用——自定义tableView视图
视图需要我们自己去定义样式时用到了TableViewCell组件,效果如下
首先创建View Based App工程,在.xib文件中拖入一个Table View,前面我们说到了,这里就不再重复,注意连接协议和两个必须方法的实现。完成.h中代码
- #import <UIKit/UIKit.h>
- @interface TableViewCellViewController : UIViewController
- <UITableViewDelegate,UITableViewDataSource>{
- IBOutlet UITableView *tView;
- }
- @property (nonatomic,retain)UITableView *tView;
- @end
完成.m中代码
- #import "TableViewCellViewController.h"
- #import "MyCell.h"
- @implementation TableViewCellViewController
- @synthesize tView;
- - (void)viewDidLoad {
- [super viewDidLoad];
- }
- - (void)didReceiveMemoryWarning {
- [super didReceiveMemoryWarning];
- }
- - (void)dealloc {
- [tView release];
- [super dealloc];
- }
- -(NSInteger) tableView:(UITableView *)tableView
- numberOfRowsInSection:(NSInteger)section
- {
- return 9;
- }
- - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
- {
- static NSString *CellIdentifier = @"CustomCellIdentifier";
- MyCell *cell = (MyCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
- if (cell == nil) {
- NSArray *array = [[NSBundle mainBundle] loadNibNamed:@"mycell" owner:self options:nil];
- cell = [array objectAtIndex:0];
- [cell setSelectionStyle:UITableViewCellSelectionStyleGray];
- }
- [[cell lable] setText:@"31"];
- [[cell lable1] setText:@"Raul"];
- [[cell myImage] setImage:[UIImage imageNamed:@"3316.jpg"]];
- return cell;
- }
- - (CGFloat)tableView:(UITableView *)atableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
- {
- return 120;
- }
- @end
若不需要cell则改为:
static NSString *CellIdentifier2 = @"Cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier2];
cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier2] autorelease];
cell.textLabel.text =@"CCCCCCCC";
[cell.textLabel setFont:[UIFont fontWithName:@"Helvetica" size:16.0f]];
// cell.accessoryView=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"sign_10x12.png"]];
cell.selectionStyle = UITableViewCellSelectionStyleBlue;
[cell.textLabel setTextColor:[UIColor colorWithRed:0/255.0 green:106/255.0 blue:166/255.0 alpha:1.0]];
return cell;
下面我们新建一个类,注意subclass选择UITableViewCell,名称为MyCell,生成之后再创建相应的xib文件
双击MyCell.xib,将Table View Cell拖入主窗口中,并且删除原主窗口中的View图标
在.h文件中完成代码
- #import <UIKit/UIKit.h>
- @interface MyCell : UITableViewCell {
- IBOutlet UILabel *lable;
- IBOutlet UILabel *lable1;
- IBOutlet UIImageView *myImage;
- }
- @property(nonatomic,retain) UILabel *lable;
- @property(nonatomic,retain) UILabel *lable1;
- @property (nonatomic,retain) UIImageView *myImage;
- @end
在.m中完成代码
- #import "MyCell.h"
- @implementation MyCell
- @synthesize lable,lable1,myImage;
- - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
- if ((self = [super initWithStyle:style reuseIdentifier:reuseIdentifier])) {
- // Initialization code
- }
- return self;
- }
- - (void)setSelected:(BOOL)selected animated:(BOOL)animated {
- [super setSelected:selected animated:animated];
- // Configure the view for the selected state
- }
- - (void)dealloc {
- [myImage release];
- [lable release];
- [super dealloc];
- }
- @end
最后我们看一下MyCell.xib中的连接,按住Ctrl拖入将要显示区域的文字和图片找到相应的接口即可。(注意:是myCell和文字和图片连接,不是file’s owner和文字和图片连接,我又犯这个错误了)