0917 纯代码、SB、XIB自定义Cell

最新推荐文章于 2019-05-01 14:43:23 发布

lzy641

最新推荐文章于 2019-05-01 14:43:23 发布

阅读量617

点赞数

CC 4.0 BY-SA版权

分类专栏： iOS 文章标签： Objectiv-C iOS

本文链接：https://blog.youkuaiyun.com/lzy641/article/details/48995521

iOS 专栏收录该内容

17 篇文章

订阅专栏

本文深入探讨了在iOS开发中如何利用Storyboard和纯代码创建自定义UI控件，包括如何通过Storyboard实现复用Cell，以及如何通过纯代码创建Cell并自定义其布局和样式。同时，文章还对比了Storyboard和XIB在Cell尺寸控制上的差异，并提供了在TableViewController中设置不同Cell高度的方法。最后，通过实例展示了如何使用XIB创建自定义Cell来实现特定布局需求，如显示图片和文本。文章旨在帮助开发者更好地理解和运用这些工具，提高UI设计的灵活性和效率。

tableView dequeueReusableCellWith

如果用到SB中的Cell是两个参数的。

没有用到Storyboard中的Cell是一个参数。加上if（！cell）判断。

需求右边显示图片，左边显示文本。

纯代码创建，一个参数。

1、Cell删掉。

2、自己创建Cell类

继承UITableViewCell

3、

借用原本的初始化方法，重写它

自定义Cell

初始化方法重写。

写自己想添加的内容。

直接

init-with-frame敲出来替换掉。

- (instancetype)initWithFrame:(NSRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        <#statements#>
    }
    return self;

}

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        <#statements#>
    }
    return self;

}

添加一个图片和Lable。

记得在TableViewController中设置行高，显示效果才好。

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

}

iv在.h中声明成属性。

不能起名字叫imageView.

原Cell控件和自己控件对比。

xib和SB选择；

xib可以复用。SB不可。

第二种：SB

标识“Cell”

Cell所属的类修改为：

若要修改Cell中的内容，其中都是你自定义

的控件。将Cell的属性设置如下：

关联到MyTableViewCell.h中。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
//    如果是纯代码创建就是dequeue方法一个参数如果是sb创建就是两个参数
    MyTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell" forIndexPath:indexPath];

//    cell.iv.image = [UIImage imageNamed:@""];
    cell.myLabel.text = [NSString stringWithFormat:@"%d",indexPath.row];

    return cell;

}

第三种：

XIB创建自定义Cell

ViewController中拖拽一个TableView

Delegate DataSource连线

两个方法实现。

创建自定义Cell类。勾选XIB

控制行

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    MyTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell"];
    if (!cell) {
        cell = [[[NSBundle mainBundle]loadNibNamed:@"MyTableViewCell" owner:self options:nil]lastObject];
    }
    return cell;

}

1、在原来的TableViewController 中的那个系统Cell

2、删除cellForRowAtIndexPath 重用ID@“Cell”

3、变成XIB的自定义Cell的ID。

4、在cellForRowAtIndexPath方法中，判断和生成cell的类都改为XIB自定义Cell类的。

MyTableViewCell XIB 重用标识：