iPhone开发学习笔记002——Xib设计UITableViewCell然后动态加载
发布日期:2021-07-30 06:18:38 浏览次数:8 分类:技术文章

本文共 4060 字,大约阅读时间需要 13 分钟。

一、新建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 ";
    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下载地址:

 摘自 Code Heaven

转载地址:https://blog.csdn.net/u011344883/article/details/41248305 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:iOS开发中遇到的问题整理 (一)
下一篇:block使用小结、在arc中使用block、如何防止循环引用

发表评论

最新留言

能坚持,总会有不一样的收获!
[***.219.124.196]2024年10月11日 03时23分52秒