文档章节

IOS基础控件-UITableView

Corwien
 Corwien
发布于 2016/03/21 17:38
字数 1962
阅读 117
收藏 2

行业解决方案、产品招募中!想赚钱就来传!>>>

一、UITableView介绍

1.iOS中显示数据列表最常用的一个控件,支持垂直滚动


   

2.UITableView的两种内置样式

                  UITableViewStylePlain                                                       UITableViewStyleGrouped


3.数据源(dataSource)和代理(delegate)理解

1> UITableView需要一个数据源(dataSource)来显示数据,UITableView会向数据源查询一共有多少行数据以及每一行显示什么数据等。没有设置数据源的UITableView只是个空壳。凡是遵守UITableViewDataSource协议的OC对象,都可以是UITableView的数据源

2> 通常都要为UITableView设置代理对象(delegate),以便在UITableView触发一下事件时做出相应的处理,比如选中了某一行。凡是遵守了UITableViewDelegate协议的OC对象,都可以是UITableView的代理对象

3>一般会让控制器充当UITableView的dataSource和delegate

4.数据源(dataSource)

@required

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

第section分区一共有多少行

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

创建第section分区第row行的UITableViewCell对象(indexPath包含了section和row)

@optional

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;    一共有多少个分区

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

第section分区的头部标题

- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section;

第section分区的底部标题

- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath;

某一行是否可以编辑(删除)


- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath;

某一行是否可以移动来进行重新排序


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

UITableView右边的索引栏的内容



5.代理(delegate)

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

选中了UITableView的某一行

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

某一行的高度

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

第section分区头部的高度

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

第section分区尾部的高度

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

第section分区头部显示的视图

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

第section分区尾部显示的视图

- (NSInteger)tableView:(UITableView *)tableView indentationLevelForRowAtIndexPath:(NSIndexPath *)indexPath

设置每一行的等级缩进(数字越小,等级越高)


6.UITableViewCell

UITableView的每一行都是一个UITableViewCell,通过dataSource的tableView:cellForRowAtIndexPath:方法来初始化每一行

UITableViewCell是UIView的子类,内部有个默认的子视图:contentView。contentView是UITableViewCell所显示内容的父视图,并负责显示一些辅助指示视图。辅助指示视图的作用是显示一个表示动作的图标,可以通过设置UITableViewCell的accessoryType来显示,默认是UITableViewCellAccessoryNone(不显示辅助指示视图),其他值如下:

UITableViewCellAccessoryDisclosureIndicator 

UITableViewCellAccessoryDetailDisclosureButton

UITableViewCellAccessoryCheckmark


7.UITableViewCell的contentView

> contentView下默认有3个子视图,其中的2个是UILabel(通过UITableViewCell的textLabeldetailTextLabel属性访问),第3个是UIImageView(通过UITableViewCell的imageView属性访问)

> UITableViewCell还有一个UITableViewCellStyle属性,用于决定使用contentView的哪些子视图,以及这些子视图在contentView中的位置

结构图:


8.UITableViewCell对象的重用原理

iOS设备的内存有限,如果用UITableView显示成千上万条数据,就需要成千上万个UITableViewCell对象的话,那将会耗尽iOS设备的内存。要解决该问题,需要重用UITableViewCell对象。

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


还有一个非常重要的问题:有时候需要自定义UITableViewCell(用一个子类继承UITableViewCell),而且每一行用的不一定是同一种UITableViewCell(如短信聊天布局),所以一个UITableView可能拥有不同类型的UITableViewCell,对象池中也会有很多不同类型的UITableViewCell,那么UITableView在重用UITableViewCell时可能会得到错误类型的UITableViewCell。

解决方案:UITableViewCell有个NSString *reuseIdentifier属性,可以在初始化UITableViewCell的时候传入一个特定的字符串标识来设置reuseIdentifier(一般用UITableViewCell的类名)。当UITableView要求dataSource返回UITableViewCell时,先通过一个字符串标识到对象池中查找对应类型的UITableViewCell对象,如果有,就重用,如果没有,就传入这个字符串标识来初始化一个UITableViewCell对象


  • 一个UITableView中不同类型的UITableViewCell

    

9.重用UITableViewCell对象

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *identifier = @"UITableViewCell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier] autorelease];
     }
    cell.textLabel.text = [NSString stringWithFormat:@"Text %i", indexPath.row];
    return cell;
}


10.UITableViewCell的常用属性

  • 设置背景

  • backgroundView

  • 设置被选中时的背景视图

  • selectedBackgroundView


  • selectionStyle属性可设置UITableViewCell被选中时的背景颜色:

  • UITableViewCellSelectionStyleNone  没有颜色

  • UITableViewCellSelectionStyleBlue  蓝色(默认)

  • UITableViewCellSelectionStyleGray  灰色


11.自定义UITableViewCell

  • 一般有两种方式:

用一个xib文件来描述UITableViewCell的内容


①通过代码往UITableViewCell的contentView中添加子视图,在初始化方法(比如init、initWithStyle:reuseIdentifier:)中添加子控件,在layoutSubviews方法中分配子控件的位置和大小。


12.UITableView的编辑模式

UITableView有个editing属性,设置为YES时,可以进入编辑模式。在编辑模式下,可以管理表格中的行,比如改变行的排列顺序、增加行、删除行,但不能修改行的内容

多种方式开启编辑模式

@property(nonatomic, getter=isEditing) BOOL editing

-(void)setEditing:(BOOL)editing animated:(BOOL)animated

12.1 删除UITableView的行

   首先要开启编辑模式

     实现UITableViewDataSource的如下方法:

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
    // 如果UITableView提交的是删除指令
    if (editingStyle == UITableViewCellEditingStyleDelete) {
        // 删除真实数据
         // [self.data removeObjectAtIndex:indexPath.row];
        // 删除UITableView中的某一行(带动画效果)
        [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationLeft];
        // 如果不考虑动画效果,也可以直接[tableView reload];
    }
}


12.2 移动UITableView的行

首先要开启编辑模式

实现UITableViewDataSource的如下方法(如果没有实现此方法,将无法换行)

- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath {
    int from = sourceIndexPath.row;
    int to = destinationIndexPath.row;
    if (from == to) return;
    // 交换数据
    // [self.data exchangeObjectAtIndex:from withObjectAtIndex:to];
}


12.3 选中UITableView的行

当某行被选中时会调用此方法(UITableViewDelegate的方法)

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    //取消选中某一行,让被选中行的高亮颜色消失(带动画效果)
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
}


12.4 UITableView常用方法

- (id)initWithFrame:(CGRect)frame style:(UITableViewStyle)style
// 初始化一个UITableView,并且设置表格样式

- (void)reloadData   // 重新访问数据源,刷新界面
- (NSInteger)numberOfSections  // 分区的个数
- (NSInteger)numberOfRowsInSection:(NSInteger)section // 第section分区的行数

- (UITableViewCell *)cellForRowAtIndexPath:(NSIndexPath *)indexPath
// 通过indexPath找到对应的UITableViewCell对象

- (void)setEditing:(BOOL)editing animated:(BOOL)animated  // 是否要开启编辑模式

- (void)deselectRowAtIndexPath:(NSIndexPath *)indexPath animated:(BOOL)animated
// 取消选中某一行,让被选中行的高亮颜色消失(带动画效果)

- (id)dequeueReusableCellWithIdentifier:(NSString *)identifier
  // 通过identifier在(缓存)池中找到对应的UITableViewCell对象
  
- (void)deleteRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation
// 移除indexPaths范围内的所有行

@property(nonatomic,readonly) UITableViewStyle style // 表格样式

@property(nonatomic,assign) id <UITableViewDataSource> dataSource // 数据源
@property(nonatomic,assign) id <UITableViewDelegate> delegate // 代理
@property(nonatomic,getter=isEditing) BOOL editing // 是否为编辑模式
@property(nonatomic) UITableViewCellSeparatorStyle separatorStyle // 设置分隔线的样式
@property(nonatomic,retain) UIColor *separatorColor // 设置分隔线的颜色

@property(nonatomic,retain) UIView *tableHeaderView // 表头显示的视图
@property(nonatomic,retain) UIView *tableFooterView // 表尾显示的视图
@property(nonatomic) BOOL allowsSelection // 是否允许选中行
@property(nonatomic) BOOL allowsSelectionDuringEditing // 是否允许在编辑模式下选中行
@property(nonatomic) BOOL allowsMultipleSelection  // 是否允许选中多行
@property(nonatomic) BOOL allowsMultipleSelectionDuringEditing // 是否允许在编辑模式下选中多行


13.UITableViewController

UITableViewController是UIViewController的子类,UITableViewController默认扮演了3种角色:视图控制器UITableView的数据源代理

UITableViewController的view是个UITablView,由UITableViewController负责设置和显示这个对象。UITableViewController对象被创建后,会将这个UITableView对象的dataSource和delegate指向UITableViewController自己。


例1:城市信息

例2:九宫格

例3:天猫列表



Corwien
粉丝 28
博文 152
码字总数 122661
作品 0
广州
程序员
私信 提问
加载中
请先登录后再评论。
浅入浅出Android(003):使用TextView类构造文本控件

基础: TextView是无法供编辑的。 当我们新建一个项目MyTextView时候,默认的布局(/res/layout/activity_main.xml)中已经有了一个TextView: <TextView 运行效果如下: 修改其文本内容...

樂天
2014/03/22
604
1
首列固定的列表

实现特殊的表格(UITableView)效果:即表格中的首列固定不动,而每一行除了首列均可左右拖动,以展现每一行更多内容。 作者谭林江(@无法越狱的痛)说:去益盟面试回来,感觉聊得有点郁闷,...

匿名
2013/01/24
1.2K
0
NSSplitView 扩展--DMSplitView

DMSplitView 对标准的 OS X 的 NSSplitView 控件进行改造,可满足更复杂的要求: 子视图的大小和约束 分隔条位置 可收缩伸展的子视图 动画变换效果 可控制分隔条的粗细和样式 可保存和恢复分...

匿名
2013/01/24
358
0
iOS 应用版本更新检查--Harpy

实现 app 版本检查功能。用户打开app之后,进行app的版本更新检查。如果检查到 appstore 上有当前qpp的新版本,则弹出对话框提醒用户下载。可以设置让用户选择下载或者强制用户下载。 [Code4...

匿名
2013/02/18
1.7K
0
跨平台手机应用开发--Gideros

Gideros 可以让你轻松快速创建 iOS 和 Android 应用,提供用户友好的集成开发环境,内建模拟器对应用进行不同屏幕大小、分辨率下的测试,最大的优点是可即时修改代码即时进行测试,无需编译安...

匿名
2013/02/19
2.7K
0

没有更多内容

加载失败,请刷新页面

加载更多

静态类和单例模式之间的区别? - Difference between static class and singleton pattern?

问题: What real (ie practical) difference exists between a static class and a singleton pattern? 静态类和单例模式之间存在什么真正(即实用)的区别? Both can be invoked without ......

法国红酒甜
23分钟前
17
0
代理服务器和反向代理服务器之间有什么区别? - What's the difference between proxy server and reverse proxy server?

问题: 代理服务器和反向代理服务器有什么区别? 解决方案: 参考一: https://stackoom.com/question/wRc/代理服务器和反向代理服务器之间有什么区别 参考二: https://oldbug.net/q/wRc/W...

技术盛宴
今天
16
0
第八讲:配置外界可以访问虚拟机里面的HDFS

本节通过配置实现外界访问虚拟机Centos6.4里面的HDFS。为后续的java读写HDFS做准备 步骤有: 1、修改主机Windos7的网络配置 2、修改虚拟机Centos6.4里面的网络配置 3、修改虚拟机Centos6.4里...

刘日辉
今天
26
0
OSChina 周四乱弹 —— 不劳而获的饭好吃么?好吃!非常好吃!

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 小小编辑推荐:《世界上不存在的歌 (2020重唱版)》- 陈奕迅 《世界上不存在的歌 (2020重唱版)》- 陈奕迅 手机党少年们想听歌,请使劲儿戳(这...

小小编辑
今天
31
3
从 GPU、TPU,到 Web 端、移动端,深度学习框架部署训练开始变简单

本文作者:o****0 早些时候的统计显示,今年3月,深度学习框架集中爆发。5月,有人发布可以直接在 iphone11上训练神经网络的开源项目。日前,百度开源国内首个可直接运行在 Web 端的深度学习...

百度开发者中心
昨天
16
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部