UITableView

1、tableView 的创建与设置

UITableView *tableView = [[UITableView alloc] init];
/*
带显示类型的设置
UITableViewStylePlain,     // 简单模式，每个分段之间紧密连接，头脚标题悬浮显示，默认类型
UITableViewStyleGrouped    // 分组模式，每个分段之间分开，头脚标题跟随移动，头标题英文自动大写
*/
//UITableView *tableView = [[UITableView alloc] initWithFrame:frame style:UITableViewStyleGrouped];
// 将 tableView 添加到窗口中
[self addSubview:tableView];
// 设置位置尺寸
tableView.frame = self.bounds;
// 设置 tableView 的代理
tableView.delegate = self;
tableView.dataSource = self;

// 设置表格的分割线颜色:设置为 clearColor 时即可隐藏（不显示）所有分割线
tableView.separatorColor = [UIColor redColor];
// 自定义表格分割线：系统分割线的左边无法紧靠表格左边框，隐藏系统分割线，自定义视图，添加到 Cell 的下边实现，同时可以清除表格在 UITableViewStylePlain 类型时的多余分割线
tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
// 设置表格的背景
// 设置表格的背景视图
UIImageView *bgImageV = [[UIImageView alloc] init];
tableView.backgroundView = bgImageV;
// 设置表格的背景颜色
tableView.backgroundColor = [UIColor blueColor];

/*
* 清除表格多余的分割线
* 表格为 UITableViewStylePlain 类型时，若表格的内容没有占满屏幕时，没有设置内容的部分表格也会有分割线
* 创建自定义的 view，将该 view 的背景颜色清空（默认为透明），并添加到表格的脚视图上
*/
// 设置表格分割线左边距为零
[tableView setSeparatorInset:UIEdgeInsetsZero];
[tableView setLayoutMargins:UIEdgeInsetsZero];

// 设置全部行的高度，默认为 44
tableView.rowHeight = 60;
// 设置估计行高: 设置全部行的高度
tableView.estimatedRowHeight = 80;
// 设置自动计算行高
tableView.rowHeight = UITableViewAutomaticDimension;

// 打开表格的编辑模式
tableView.editing = YES;
// 翻转表格的编辑模式
tableView.editing = !tableView.editing;
// 翻转表格的编辑模式
[tableView setEditing:!tableView.editing animated:YES];
// 设置表格普通模式下是否允许单选
tableView.allowsSelection = YES;
// 设置表格在编辑模式下是否允许单选
tableView.allowsSelectionDuringEditing = YES;
// 设置表格普通模式下是否允许多选
tableView.allowsMultipleSelection = YES;
// 设置表格在编辑模式下是否允许多选
tableView.allowsMultipleSelectionDuringEditing = YES;

// 设置表格的分割线边距:上、左、下、右，只有左、右设置有效
tableView.separatorInset = UIEdgeInsetsMake(0, 10, 0, 10);

// 设置表格的表头视图: 只有视图的高度设置起作用
UIView *headerView = [[UIView alloc] init];
tableView.tableHeaderView = headerView;
// 设置表格的表尾视图: 只有视图的高度设置起作用
UIView *footerView = [[UIView alloc] init];
tableView.tableFooterView = footerView;

// 取消表格选择: 在表格选中协议方法中设置，表格点击变色后恢复原来颜色，设置后无法实现表格多选
[tableView deselectRowAtIndexPath:indexPath animated:YES];

2、代理方法

遵守 UITableViewDelegate, UITableViewDataSource 协议

// 设置分段数
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    // 数据源数组为多维数组时，用数组计算
    return self.dataArray.count;
}

// 设置行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    // section 段，返回每段中有多少行
    return [[self.dataArray objectAtIndex:section] count];
}

//可单独设置每一行的高度，默认为 44
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    return 60;
}

// 协议方法设置估计行高:可单独设置每一行的估计行高
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath {
    return 80;
}

// 设置每一行显示的内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    // 创建标识词，随意设置，但不能和其它 tableView 的相同
    static NSString *indentifier = @"testIdentifier";
    // 根据标志词先从复用队列里查找
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:indentifier];
    // 复用队列中没有时再创建
    if (cell == nil) {
        // 创建新的 cell，默认为主标题模式
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:indentifier];
    }

    // 设置每一行显示的文字内容
    cell.textLabel.text = [[myDataArray objectAtIndex:indexPath.section] objectAtIndex:indexPath.row];
    // indexPath.section 分段数，indexPath.row 行数，设置图片内容，图片在 Cell 的左端，图片大小自动压缩
    cell.imageView.image = [UIImage imageNamed:@"HQ_0003"];

    return cell;
}


// 设置分段的头标题高度，UITableViewDelegate 协议方法
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    return 40;
}

// 设置分段的脚标题高度，UITableViewDelegate 协议方法
- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section {
    return 30;
}

// 设置分段的头标题内容，UITableViewDataSource 协议方法
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {
    if (0 == section) {
        return @"English Header";
    }
    else {
        return @"中文 Header";
    }
}

// 设置分段的脚标题内容，UITableViewDataSource 协议方法
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section {
    if (0 == section) {
        return @"English Footer";
    }
    else {
        return @"中文 Footer";
    }
}

// 分段头标题视图，UITableViewDelegate 协议方法，返回自定义的标题视图
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {

    if (!section) {
        label.text = @"English Header";
    }
    else {
        label.text = @"中文 Header";
    }

    return label;
}

// 分段脚标题视图，UITableViewDelegate 协议方法
- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section {

    if (!section) {
        label.text = @"English Footer";
    }
    else {
        label.text = @"中文 Footer";
    }

    // 返回自定义的标题视图
    return label;
}

// 设置表格的分割线
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    [cell setSeparatorInset:UIEdgeInsetsZero];
    [cell setLayoutMargins:UIEdgeInsetsZero];
}

3、设置方法

3.1 重载表格视图

// 重走所有的表格视图方法，刷新所有的表格
[tableView reloadData];

// 重载某一分段
[tableView reloadSections:[NSIndexSet indexSetWithIndex:indexPath.section] withRowAnimation:UITableViewRowAnimationAutomatic];  

// 重载某一个行
[tableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];

// 删除一个 cell: 只刷新删除的 cell
[tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];

// 插入一个 cell: 只刷新插入的 cell
[tableView insertRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];

3.2 获取 cell

// 获取指定行的 cell
UITableViewCell *cell = [tableView cellForRowAtIndexPath:[NSIndexPath indexPathForRow:3 inSection:0]];

// 获取所有被选中的行
NSArray *indexPaths = [tableView indexPathsForSelectedRows];

4、Cell 的创建与设置

使用 dequeueReuseableCellWithIdentifier: 可不注册，但是必须对获取回来的 cell 进行判断是否为空，若空则手动创建新的 cell；
使用 dequeueReuseableCellWithIdentifier: forIndexPath: 必须注册，但返回的 cell 可省略空值判断的步骤。
tableViewCell 的复用机制：
- 当一个 cell 滑出屏幕的时候，会被放到复用队列里（系统自动操作）。
- 当一个 cell 即将出现的时候，我们需要先从复用队列里查找，找到就直接用，找不到就创建。
自定义Cell的流程
4.1 设置 Cell 的类型

/*
UITableViewCellStyleDefault,  // 可选图片 ＋ 主标题模式，默认
UITableViewCellStyleValue1,   // 可选图片 ＋ 左右主副标题模式，两端对齐
UITableViewCellStyleValue2,   // 左右主副标题模式，中间对齐
UITableViewCellStyleSubtitle  // 可选图片 ＋ 上下主副标题模式
*/

// 主标题模式，默认类型
cell = [[UITableViewCell alloc] init];

// 设置类型
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"testIdentifier"];

// Cell 附属控件类型的设置
/*
如果附属控件里有 button ，这个 button 会独立出来

UITableViewCellAccessoryNone,                    // 无附属控件，默认
UITableViewCellAccessoryDisclosureIndicator,     // 箭头，不能点击
UITableViewCellAccessoryDetailDisclosureButton,  // 详情按钮和箭头，可以点击
UITableViewCellAccessoryCheckmark,               // 对号，不能点击
UITableViewCellAccessoryDetailButton             // 详情按钮，可以点击
*/
cell.accessoryType = UITableViewCellAccessoryCheckmark;

// Cell 附属控件视图的设置
/*
设置自定义视图为 Cell 的附属控件，需设置 view 的大小
*/
cell.accessoryView = myAccessoryView;

4.2 设置 Cell 的背景视图

// Cell 的背景视图设置
/*
设置自定义视图为 Cell 背景视图
图片大小自动压缩填充
*/
cell.backgroundView = myBackgroundView;

// Cell 选中时的背景视图设置
cell.selectedBackgroundView = myBackgroundView;

// Cell 背景颜色的设置
cell.backgroundColor = [UIColor yellowColor];

// 设置 cell 被点击时的颜色
cell.selectionStyle = UITableViewCellSelectionStyleNone;

// 取消表格选择变色
// 在表格选中协议方法中设置，表格点击变色后恢复原来颜色，设置后无法实现表格多选
[tableView deselectRowAtIndexPath:indexPath animated:YES];

5、自定义tableView区

posted @ 2018-08-02 22:34 CH520 阅读(712) 评论(0) 编辑收藏举报

刷新页面返回顶部

CH520 -- Cnblogs。

Galenc

UITableView

1、tableView 的创建与设置

2、代理方法

3、设置方法

3.1 重载表格视图

3.2 获取 cell

4、Cell 的创建与设置

4.1 设置 Cell 的类型

4.2 设置 Cell 的背景视图

5、自定义tableView区

5.1 自定义等高 Cell

5.2 自定义非等高 Cell

5.3 分段索引条的创建

5.4 搜索框的创建

5.5 表格折叠

5.6 表格编辑

5.7 表格多选删除

5.8 聊天布局

5.9 tableView 的协议方法

5.10 UITableViewCell动画

公告