网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

UIKit框架(20)表格视图UITableView

UITableView是UIKit中最常用的一种视图,是UIScrollView的子类

创新互联长期为上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为相城企业提供专业的成都做网站、网站设计,相城网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

本篇文章介绍 UITableView的基本使用,包括:

    UITableView的数据源驱动

    各种数据源、代理方法

    单元格的重用机制

    数据的刷新

    ...

  • UITableView的样式

创建时需要指定样式:

- (instancetype)initWithFrame:(CGRect)frame style:(UITableViewStyle)style
@property(nonatomic, readonly) UITableViewStyle style
typedef enum {
     UITableViewStylePlain,
     UITableViewStyleGrouped
} UITableViewStyle;

    UIKit框架(20)表格视图UITableView

  • UITableView中的内容

表格视图中可以包含多个组

每个组中又可以包含多个单元格(cell)

每个组上面的header视图

每个组下面的footer视图

这些属性的赋值:使用数据源和代理驱动

  • UITableView的数据源驱动

UITableView包含两个代理:

@property(nonatomic, assign) id< UITableViewDelegate > delegate  //代理
@property(nonatomic, assign) id< UITableViewDataSource > dataSource //数据源

     数据源可以使用代理设计模式,其功能属于代理的第三种应用,为自身属性赋值

重要的数据源方法:

     表格视图中应当包含多少个组,默认为1

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

     表格视图中指定组中应当包含多少个cell,必须实现

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

     表格视图中指定组及行的cell视图,必须实现

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

     表格视图中的cell视图在将要显示时自动调用,应将数据绑定的代码放在这里

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath

    一般来说,这四个数据源方法,是必须要实现的(第一个不实现默认为一个section)

如:

//当前控制器遵循数据源、代理协议
@interface ViewController () 
//当前控制器成为tableView的数据源和代理
self.tableView.dataSource = self;
self.tableView.delegate = self;
//四个数据源方法
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 3;//三个section
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return section+1;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{
    UITableViewCell * cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"111"];
    return cell;
}
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    cell.textLabel.text = [NSString stringWithFormate:@"Section:%ld Row:%ld", indexPath.section, indexPath.row];
}

  • UITableView的行高

两种方式:

1)统一的高度通过UITableView对象的rowHeight属性设定

@property(nonatomic) CGFloat rowHeight

2)也可以通过实现tableView的代理方法,返回每一行的高度

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

  • UITableView的其他数据源、代理方法

行被点击(选择)

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath*)indexPath

section的右侧索引

- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView

section的header和footer

//header、footer上的文字
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
//header、footer为自定义的视图
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
//header、footer的高度
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section

编辑模式

//返回每个cell的编辑状态的模式(删除、插入)
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
//响应点击编辑按钮时的动作
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath*)indexPath

    编辑模式有两种方式进入:

    1)滑动单元格,当前单元格进入编辑模式

    2)修改UITableView对象的editing属性

@property(nonatomic, getter=isEditing) BOOL editing //编辑模式使能
- (void)setEditing:(BOOL)editing animated:(BOOL)animate

  • 单元格的重用机制

为了有效的利用内存,UITableView使用了重用机制管理其内部显示的所有cell

     当一个cell离开了屏幕范围时,会将其从tableView内部移除并放到一个缓存队列中存储

     当一个cell将要显示时,如果队列中存在cell,则直接重用该cell,如果没有则创建新的

这个队列称之为“重用队列”,这种管理内部视图的方式称之为“重用机制”

 

重用ID:

     一个tableView中可以存在多种不同样式的cell,引入重用ID以区分不同的样式

     即:从重用队列取cell时,要按照指定的ID取出,创建cell时要设置其ID

从重用队列取出cell的方法:(UITableView)

- (id)dequeueReusableCellWithIdentifier:(NSString *)identifier

将上面返回cell的数据源方法修改为:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{
    static NSString *cellID = @"cell";
    UITableViewCell * cell = [tableView dequeueResuableCellWithIdentifier:cellID];
    if ( cell == nil ) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"111"];
    }
    return cell;
}

  • UITableView数据的重新加载

在实际开发中,触发了某些事件(如网络获取到更多数据、用户请求刷新等),要求UITableView刷新显示所有数据

刷新的方法如下:

- (void)reloadData
- (void)reloadRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation
- (void)reloadSections:(NSIndexSet *)sections withRowAnimation:(UITableViewRowAnimation)animation
- (void)reloadSectionIndexTitles //重新加载右侧的索引

    这些方法将重新调用全部或部分的数据源、代理方法,重新展示数据

重新加载数据的通常做法是:

    控制器实现UITableView的数据源和代理方法,并管理着需要显示的数据模型(数组)

    当需要刷新数据时,控制器修改数据模型(数组),然后调用UITableView的刷新方法

    即:修改模型 --> reloadData 

  • UITableView的其他的属性及方法

UITableView的背景视图(通常设置一个UIImageView对象)

@property(nonatomic, readwrite, retain) UIView *backgroundView

滚动到指定的单元格

- (void)scrollToRowAtIndexPath:(NSIndexPath *)indexPath atScrollPosition:(UITableViewScrollPosition)scrollPosition animated:(BOOL)animated

单元格之间的分割样式及颜色

@property(nonatomic) UITableViewCellSeparatorStyle separatorStyle
@property(nonatomic, retain) UIColor *separatorColor

单元格与indexPath的互相获取

- (UITableViewCell *)cellForRowAtIndexPath:(NSIndexPath *)indexPath 
- (NSIndexPath *)indexPathForCell:(UITableViewCell *)cell

获得当前显示的单元格

- (NSArray *)visibleCells //获得所有可见的cell
- (NSArray *)indexPathsForVisibleRows //获得所有可见cell的indexPath

选择相关设置

@property(nonatomic) BOOL allowsSelection //cell选择的使能
@property(nonatomic) BOOL allowsMultipleSelection //多选使能
- (NSIndexPath *)indexPathForSelectedRow //当前被选择的cell的indexPath
- (NSArray *)indexPathsForSelectedRows //多选时
- (void)selectRowAtIndexPath:(NSIndexPath *)indexPath animated:(BOOL)animatedscrollPosition:(UITableViewScrollPosition)scrollPosition //选择指定行
- (void)deselectRowAtIndexPath:(NSIndexPath *)indexPath animated:(BOOL)animated //反选


分享题目:UIKit框架(20)表格视图UITableView
文章分享:http://bjjierui.cn/article/gjdodc.html

其他资讯