iPhone开发学习笔记002――Xib设计UITableViewCell然后动态加载

转至http://www.th7.cn/Program/IOS/201210/95766.shtml

(注：环境Mac OS X Lion 10.7.3 + Xcode 4.2.1 + iOS SDK 5.0.)

一、新建iOS Application工程，选择Single View Application,不要选中Use Storyboard.假设指定的是product name和class prefix都是one，则完成后自动生成代码视图如下图：



该应用默认加载的是oneViewController的view.双击oneViewController.xib，在该xib默认的view上面添加控件UILabel、UIButton和一个UITableView,如下图所示：



在oneViewController头文件和*.m文件中定义和声明三个属性label、button、tableViewCell前两个对应xib界面上的label和button,最后一个对应于即将创建的xib文件中的tableViewCell，并且将label和button属性和界面上的控件通过拖拽相互关联，如下图：

oneViewController.h:



 oneViewController.m:



二、新建根view为UITableViewCell的xib文件Cell.xib：

无法直接生成根view为UITableViewCell的xib文件，可以通过先新建根view为UIView的xib文件，然后将该xib的根view删除，再从Library窗口中拖一个Table View Cell到该xib中做为该xib的根view.如下图：



刚生成的时候：



将上面的view删除，拖一个table view cell代替，并且在该table view cell上面添加一个label和一个button，如下图：



 设置Table View Cell下面的Cell Label和Cell Button的view Tag分别为1和2:



 然后选中上面的File's owner，在identify inspector视图Custom Class中选择对应的加载类为oneViewController:



 并且从connections inspector下面的Outlets内的UITableViewCell对象tableViewCell与中间视图窗口中的Objects下面的Table View Cell相拖拽连接:(图XXX)



 在Attributes inspector中设置Table View Cell的identifier为:CellIdentifier:



保存。

三、代码中动态加载Table View Cell XIB：

打开oneViewController.h让oneViewController实现协议UITableViewDataSource,UITableViewDelegate，即：


 

oneViewController.m中实现下面的接口方法：

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{

    return20;

}

// Row display. Implementers should *always* try to reuse cells by setting each cell's reuseIdentifier and querying for available reusable cells with

dequeueReusableCellWithIdentifier:

// Cell gets various attributes set automatically based on table (separators) and data source (accessory views, editing controls)

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    staticNSString *CustomCellIdentifier =@"CellIdentifier";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier: CustomCellIdentifier];

    if (cell ==nil) {

        NSArray *nib = [[NSBundlemainBundle]loadNibNamed:@"Cell" owner:selfoptions:nil];

        //        if ([nib count] > 0) {

        //            cell = self.tableViewCell;

        //        } else {

        //            NSLog(@"failed to load CustomCell nib file!");

        //        }

        cell = [nib objectAtIndex:0]; // 注释掉的和该句是两种方式，在这里两种方式都行。但是如果没有上面红色处（图XXX）的拖拽连接过程，这里只能使用nib objectAtIndex方式。

    }

    NSUInteger row = [indexPathrow];

NSLog(@"++++++++++++++ jonesduan %s, cell row:%d", __func__, row);

    UILabel *cellLabel = (UILabel *)[cellviewWithTag:1];

    cellLabel.text = [NSStringstringWithFormat:@"cell index: %d", row];

    UIButton *cellButton = (UIButton *)[cellviewWithTag:2];

    [cellButton setTitleColor:[UIColorredColor]forState:UIControlStateNormal];

    [cellButton setTitleColor:[UIColororangeColor]forState:UIControlStateHighlighted];

    [cellButton setTitle:@"Press me!"forState:UIControlStateNormal];

    [cellButton setTitle:@"Pressed!"forState:UIControlStateHighlighted];   

    return cell;

}

- (CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {

    // Modified by jonesduan.

    return80;

}

- (void)didReceiveMemoryWarning

{

    [superdidReceiveMemoryWarning];

    // Release any cached data, images, etc that aren't in use.

}

#pragma mark - View lifecycle

- (void)viewDidLoad

{

    [superviewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

    [self.labelsetBackgroundColor:[UIColorgrayColor]];

    [self.buttonsetTitleColor:[UIColorgreenColor]forState:UIControlStateNormal];

    [self.buttonsetTitleColor:[UIColororangeColor]forState:UIControlStateHighlighted];//这里控制的是oneViewController.xib中的label和button，前面已经拖拽连接过。

}

这样完成后。CMD + R运行一下看看，发现界面如下图所示：

 


并没有显示Cell.xib中的Cell Label和Cell Button，下面是最重要的一点，也是一个人研究了很久才知道的，即：选中oneViewController.xib中view下的子Table View，切换到connections inspector，将Table View的dataSource和delegate均与File's owner相拖拽进行连接。如下图：





连完后，再CMD + R运行看看，结果是不是就如下图所示了，



OK，成功！

总结：通过xib自定义view比较重要的一点就是这个view被哪个view controller使用，比如xxxViewController，就要在identity inspector中Custom Class指定对应的加载类为xxxViewController，然后选中File's owner(中间大窗口中的Placeholders下)，并切换到connections inspector将Outlets下面的对象与中间大窗口中的Objects(与Placeholders同级别，在Placeholders下面)下的根视图相连接。最后别忘了Table
View的dataSource和delegate均与File's owner相拖拽进行连接。

APPLE开发最不习惯的就是拖拽连接，在此记录一下作为个人参考，免得以后忘记了。

demo下载地址：http://download.csdn.net/detail/duanyipeng/4063778

 摘自 Code Heaven