iOS开发UI篇—UITableView的常用属性与方法

UITableView

UITableView内置了两种样式：UITableViewStylePlain，UITableViewStyleGrouped

<UITableViewDataSource,UITableViewDelegate>里的方法：

tableView处理步骤

#pragma mark 1.有多少组

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

#pragma mark 2.第section组头部控件有多高

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section

#pragma mark 3.第section组有多少行

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

#pragma mark 4.indexPath这行的cell有多高

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

#pragma mark 5.indexPath这行的cell长什么样子

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

#pragma mark 6.第section组头部显示什么控件

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

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

//每当有一个cell进入视野屏幕就会调用，所以在这个方法内部就需要优化。

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

if(cell==nil){

//在这里面做创建的工作。循环优化。防止刷新cell进入屏幕的时候重复的创建

}

}

//当调用reloadData的时候，会重新刷新调用数据源内所有方法,其他事情都不会做呀

[self reloadData]

//这个方法只有在一开始有多少条数据才会算多少个高度，这个方法只会调用一次，但是每次reloadData的时候也会调用

//而且会一次性算出所有cell的高度，比如有100条数据，一次性调用100次

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

-(NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView //右侧索引

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath //行点击事件

NSIndexPath *path = [self.tableView indexPathForSelectedRow]; //获得被选中的indexPath可以得到section，row

[self.tableView reloadRowsAtIndexPaths:[self.tableView indexPathsForSelectedRows] withRowAnimation:UITableViewRowAnimationNone]; //刷新table指定行的数据

[self.tableView reloadData]; //刷新table所有行的数据

UITableView常用属性：

UITableView *tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, 320, 460) style:UITableViewStylePlain]; // 初始化表格

分隔线属性

tableView.separatorStyle = UITableViewCellSeparatorStyleSingleLine; //UITableViewCellSeparatorStyleNone;

[self.tableView setSeparatorStyle:UITableViewCellSeparatorStyleNone]; //取消分隔线

tableView.separatorColor = [UIColor lightGrayColor];

条目多选

tableView.allowsMultipleSelection = YES;

// 设置标题行高

[_tableView setSectionHeaderHeight:kHeaderHeight];

[_tableView setSectionFooterHeight:0];

// 设置表格行高

[_tableView setRowHeight:50];

//设置背景色

self.tableView.backgroundView  优先级高，如果要设置backgroundColor的时候要先把view设置为nil

self.tableView.backgroundColor

//在tableView的头部或者尾部添加view,footerView宽度是不用设置的

xxxView.bounds = CGRectMake(0,0,0,height);

self.tableView.tableFooterView =xxxView;

self.tableView.tableHeaderView =xxxView;

UIButton *bt = (UIButton*)[self.contentView viewWithTag:i+100];

增加tableview滚动区域

self.tableView.contentInset = UIEdgeInsetsMake(0, 0, xx, 0);

UITableViewCell

//创建UITableViewCell

UITableViewCell *cell = [[UITableViewCell alloc]

initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:nil];

[cell.textLabel setBackgroundColor:[UIColor clearColor]];// 清空标签背景颜色

cell.backgroundView =xx; //设置背景图片

cell.backgroundVColor =xx;

cell.selectedBackgroundView = selectedBgView; //设置选中时的背景颜色

cell.accessoryView = xxxView; //设置右边视图

[cell setAccessoryType:UITableViewCellAccessoryNone]; //设置右侧箭头

[self setSelectionStyle:UITableViewCellSelectionStyleNone]; //选中样式

cell.selectionStyle = UITableViewCellSelectionStyleBlue;

//设置cell的高度

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

contentView下默认有3个子视图，其中的2个是UILabel，通过textLabel和detailTextLabel属性访问，第3个是UIImageView，通过imageView属性访问.

UITableViewCellStyleDefault, UITableViewCellStyleValue1, UITableViewCellStyleValue2, UITableViewCellStyleSubtitle

#pragma mark - 重新调整UITalbleViewCell中的控件布局

- (void)layoutSubviews{

[super layoutSubviews];

…

}

cell 里面还有一个contentView

UITableViewCell表格优化

UITableViewCell对象的重用原理：

重用原理：当滚动列表时，部分UITableViewCell会移出窗口，UITableView会将窗口外的UITableViewCell放入一个对象池中，等待重用。当UITableView要求dataSource返回UITableViewCell时，dataSource会先查看这个对象池，如果池中有未使用的UITableViewCell，dataSource会用新的数据配置这个UITableViewCell，然后返回给UITableView，重新显示到窗口中，从而避免创建新对象

还有一个非常重要的问题：有时候需要自定义UITableViewCell（用一个子类继承UITableViewCell），而且每一行用的不一定是同一种UITableViewCell（如短信聊天布局），所以一个UITableView可能拥有不同类型的UITableViewCell，对象池中也会有很多不同类型的UITableViewCell，时可能会得到错误类型的UITableViewCell那么UITableView在重用UITableViewCell。解决方案：UITableViewCell有个NSString *reuseIdentifier属性，可以在初始化UITableViewCell的时候传入一个特定的字符串标识来设置reuseIdentifier（一般用UITableViewCell的类名）。当UITableView要求dataSource返回UITableViewCell时，先通过一个字符串标识到对象池中查找对应类型的UITableViewCell对象，如果有，就重用，如果没有，就传入这个字符串标识来初始化一个UITableViewCell对象

/**

单元格优化

1. 标示符统一，使用static的目的可以保证表格标示符永远只有一个

2. 首先在缓冲池中找名为"myCell"的单元格对象

3. 如果没有找到，实例化一个新的cell

**/

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

static NSString *cellIdentifier = @"myCell";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];

//使用这种方法不用判断下面的cell

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier forIndexPath:indexPath];

if (cell == nil) {

cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier];

}

return cell;

}

表格的编辑模式

删除、插入

- (void)setEditing:(BOOL)editing animated:(BOOL)animated;  开启表格编辑状态

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath{

返回表格编辑编辑样式。不实现默认都是删除

return editingStyle : UITableViewCellEditingStyleDelete, UITableViewCellEditingStyleInsert

}

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{

//根据editingStyle处理是删除还是添加操作

完成删除、插入操作刷新表格

- (void)insertRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation;

-(void)deleteRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation;

}

移动

- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath

sourceIndexPath 移动的行

destinationIndexPath 目标的行

自定义表格行UITableViewCell

storyboard方式创建：

直接拖到UITableView里面设置UITableViewCell

注意：

1.通过XIB或者Storyboard自定义单元格时，在xib和Storyboard里面需要指定单元格的可重用标示符Identifier

2.注意表格的优化中的差别

在Storyboard中两者等效

xxCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

xxCell *cell1 = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];

在xib文件中有差别：

第一种情况，只能在iOS 6以上使用，如果在viewDidLoad注册了nib文件，并且指定了“单元格”的可重用标示符，那么

dequeueReusableCellWithIdentifier：

dequeueReusableCellWithIdentifier:forIndexPath：

方法是等效的。如果在viewDidLoad中注册了nib文件，表格缓冲池中的管理，有系统接管！

第二种情况，是在iOS 4以上均可以使用，如果没有在viewDidLoad注册nib文件，那么，只能使用

dequeueReusableCellWithIdentifier:并且需要判断cell没有被实例化，并做相应的处理

在代码创建中差别：

用代码创建cell中的处理和nib一样，注册了cell就有系统接管并且可以用带forIndexPath的方法，没有注册就要自己去实例化cell，不能用带forIndexPath的方法

[tableView registerClass:XxxCell class] forCellReuseIdentifier:@"xxCell"];

xib方式创建：

//注册Identifier

- (void)viewDidLoad{

[super viewDidLoad];

/**

注意：以下几句注册XIB的代码，一定要在viewDidLoad中！

注册XIB文件,获得根视图，并且转换成TableView,为tableView注册xib

Identifier名要在xib文件中定义，并且保持一致

**/

UINib *nib = [UINib nibWithNibName:@"BookCell" bundle:[NSBundle mainBundle]];

UITableView *tableView = (UITableView *)self.view;

[tableView registerNib:nib forCellReuseIdentifier:@"bookCell"];

}

//没有注册Identifier只能使用下面方法

static NSString *CellIdentifier = @"bookCell";

BookCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

if (cell == nil) {

cell = [[BookCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];

NSBundle *bundle = [NSBundle mainBundle];

NSArray *array = [bundle loadNibNamed:@"BookCell" owner:nil options:nil];

cell = [array lastObject];

}

代码方式创建：

1． 建立UITableViewCell的类，继承UITableViewCell

2． 往cell里面加入view的时候注意点：

//新建的组件放入contentView中

[self.contentView addSubview:xxView];

//设置图片拉伸属性stretch

UIImage *normalImage = [UIImage imageNamed:@"xx.png"];

normalImage = [normalImage stretchableImageWithLeftCapWidth:

normalImage.size.width / 2 topCapHeight:normalImage.size.height / 2];

//在tableView里面viewDiDLoad里面要注册cell类

[tableView registerClass:XxxCell class] forCellReuseIdentifier:@"xxCell"];

自定义表格中Header

//自定义表格在这个方法中定义

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

时间： 2024-08-07 12:11:54

iOS开发UI篇—UITableView的常用属性与方法的相关文章

iOS开发UI篇—UITableview控件基本使

iOS开发UI篇—UITableview控件基本使用 一.一个简单的英雄展示程序 NJHero.h文件代码(字典转模型) #import <Foundation/Foundation.h> @interface NJHero : NSObject /** * 头像 */ @property (nonatomic, copy) NSString *icon; /** * 名称 */ @property (nonatomic, copy) NSString *name; /** * 描述 */ @

iOS开发UI篇—UITableview控件使用小结

iOS开发UI篇—UITableview控件使用小结 一.UITableview的使用步骤 UITableview的使用就只有简单的三个步骤: 1.告诉一共有多少组数据 方法:- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView; 2.告诉每组一共有多少行 方法:- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSIntege

学习IOS开发UI篇--UITableView/数据模型嵌套/UITableViewCell/Cell的重用

1.UITableView ================================================== UITableView有两种格式:group和plain 2.UITableView如何展示数据 ================================================== UITableView需要一个数据源(dataSource)来显示数据 凡是遵守UITableViewDataSource协议的OC对象,都可以是UITableView的

IOS开发UI篇--UITableView的自定义布局==xib布局

利用Xib进行实现 应用场景:像团购网站的列表数据显示,新闻列表显示等(由于该类的显示的数据单元格内容格式相同) (1)主控制器文件,在文件中实现了自己自定义的代理,加载数据, 1 #import "SLViewController.h" 2 #import "SLTgDatas.h" 3 #import "SLTableViewCell.h" 4 #import "SLFooterView.h" 5 #import &quo

IOS开发UI篇--UITableView的自定义布局==纯代码布局

UITableView中除了利用系统的UItableViewCell不能完成需求进行布局时,还可以进行自定义布局: 自定义布局分为两类:(1)利用代码进行创建 (2)利用xib进行实现: 下面对利用代码进行创建分析: 应用场景:像微博,等列表数据展示(由于微博的每个单元格的数据大小不一致,所以得计算每个单元格的大小) 分析:前提是获取列表数据,然后建立每个单元格的模型(建立单元格模型应继承UITableViewCell)复写 - (id)initWithStyle:(UITableViewCel

iOS开发UI篇—CAlayer层的属性（转摘）

iOS开发UI篇—CAlayer层的属性 一.position和anchorPoint 1.简单介绍 CALayer有2个非常重要的属性:position和anchorPoint @property CGPoint position; 用来设置CALayer在父层中的位置 以父层的左上角为原点(0, 0) @property CGPoint anchorPoint; 称为“定位点”.“锚点” 决定着CALayer身上的哪个点会在position属性所指的位置 以自己的左上角为原点(0, 0) 它

iOS开发UI篇—UITableView全面解析

概述 在iOS开发中UITableView可以说是使用最广泛的控件,我们平时使用的软件中到处都可以看到它的影子,类似于微信.QQ.新浪微博等软件基本上随处都是UITableView.当然它的广泛使用自然离不开它强大的功能,今天这篇文章将针对UITableView重点展开讨论.今天的主要内容包括: 基本介绍 数据源 代理 性能优化 UITableViewCell 常用操作 UITableViewController MVC模式 基本介绍 UITableView有两种风格:UITableViewSt

iOS开发UI篇—UITableview控件简单介绍

一.基本介绍 在众多移动应?用中,能看到各式各样的表格数据 . 在iOS中,要实现表格数据展示,最常用的做法就是使用UITableView,UITableView继承自UIScrollView,因此支持垂直滚动,?且性能极佳 . UITableview有分组和不分组两种样式,可以在storyboard或者是用代码设置. 二.数据展示 UITableView需要?一个数据源(dataSource)来显示数据UITableView会向数据源查询一共有多少行数据以及每?行显示什么数据等 没有设置数据源

iOS开发UI篇—UITableview控件基本使用

一.一个简单的英雄展示程序 NJHero.h文件代码(字典转模型) 1 #import <Foundation/Foundation.h> 2 3 @interface NJHero : NSObject 4 /** 5 * 头像 6 */ 7 @property (nonatomic, copy) NSString *icon; 8 /** 9 * 名称 10 */ 11 @property (nonatomic, copy) NSString *name; 12 /** 13 * 描述 1