iOS控件--UITableView--表格行控件

1.基本介绍:

UITableView 有两种风格:UITableViewStylePlain不分组样式和UITableViewStyleGrouped分组样式。 UITableViewStylePlainUITableViewStyleGrouped 这两者操作起来其实并没有本质区别,只是后者按分组样式显示前者按照普通样式显示而已。

在UITableView中数据只有行的概念,并没有列的概念。UITableView中每行数据都是一个UITableViewCell

在这个控件中为了显示更多的信息,iOS已经在其内部设置好了多个子控件以供开发者使用。如果我们查看UITableViewCell的声明文件可以发现在内部有一个UIView控件(contentView,作为其他元素的父控件)、两个UILable控件(textLabel、detailTextLabel)、一个UIImage控件(imageView),分别用于容器、显示内容、详情和图片。使用效果类似于微信、QQ信息列表。

这些子控件并不一定要全部使用,具体操作时可以通过UITableViewCellStyle进行设置:

typedef NS_ENUM(NSInteger, UITableViewCellStyle) {
    UITableViewCellStyleDefault, // 左侧显示textLabel(不显示detailTextLabel),imageView可选(显示在最左边)
    UITableViewCellStyleValue1, // 左侧显示textLabel、右侧显示detailTextLabel(默认蓝色),imageView可选(显示在最左边)
    UITableViewCellStyleValue2, // 左侧依次显示textLabel(默认蓝色)和detailTextLabel,imageView可选(显示在最左边)
    UITableViewCellStyleSubtitle // 左上方显示textLabel,左下方显示detailTextLabel(默认灰色),imageView可选(显示在最左边)
};

2.数据源 -- dataSource

由于iOS是遵循MVC模式设计的,很多操作都是通过代理和外界沟通的,但对于数据源控件除了代理还有一个数据源属性,通过它和外界进行数据交互。 对于UITableView设置完dataSource后需要实现UITableViewDataSource协议,在这个协议中定义了多种数据操作方法。

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

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

一般会让控制器充当UITableView的dataSource和delegate,这就涉及到MVC的具体使用,如果 UITableView是在 自定义UIView中添加,则delegate和dataSource可以放置在 自定义UIVie的控制器中来进行,相应的数据源控制和方法触发

3.方法的使用及描述

UITableViewDataSource/UITableViewDelegate

下面是涉及到的代理和数据源的所有正常使用提供的方法

@required
    //第section分区一共有多少行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
    //创建第section分区第row行的cell对象(indexPath包含了section和row),加载cell对象数据。
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
@end
@optional
    //一共有多少个分区
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
    //第section分区的头部标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;
    //第section分区的底部标题
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section;
    //某一行是否可以编辑(删除)
- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath;
    //某一行是否可以移动来进行重新排序
- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath;
    //UITableView右边的索引栏的内容
- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView;
    //选中了UITableView的某一行
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;
    //某一行的高度
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;
    //第section分区头部的高度
- (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;
    //设置每一行的等级缩进(数字越小,等级越高)
- (NSInteger)tableView:(UITableView *)tableViewindentationLevelForRowAtIndexPath:(NSIndexPath *)indexPath;
@end

4.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对象

重用UITableViewCell对象: -- 使用方法

- (UITableViewCell *)tableView:(UITableView *)tableView  cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 配置一个cell 的重用ID
    static NSString *id = @"UITableViewCell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"id"];
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"id"];
            }
    cell.textLabel.text = [NSString stringWithFormat:@"Text %li", indexPath.row];
    return cell;
}

5.UITableViewCell的常用属性:

设置背景:backgroundView -- 设置被选中时的背景视图:selectedBackgroundView

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

  • UITableViewCellSelectionStyleNone没有颜色
  • UITableViewCellSelectionStyleBlue蓝色(默认)
  • UITableViewCellSelectionStyleGray灰色

6.自定义UITableViewCell

> 1. 新建一个继承自:UITableViewCell类
> 2. 重写:initWithStyle:reuseIdentifier:方法

-->添加所有需要显示的子控件(而不需要设置子控件的数据和frame,子控件要添加到contentView中)

-->进行子控件的一次性设置(有些属性只需要设置一次,如字体、图片等)

> 3.提供2个模型

-->数据模型:存放文字数据/图片数据

-->frame模型:存放数据模型/所有子控件的frame/cell高度

4.cell拥有一个frame模型,不要直接拥有数据模型。
5.重写frame模型的属性的setter方法:在这个方法中设置显示数据和frame
6.frame模型数据的初始化已经采取懒加载的方式(每个cell对应的frame模型数据只加载一次)。

7.UITableView使用方法步骤

>1>一共有多少组;- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView  
>2>第section组一共有多少行:@required - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section  
>3>第indexPath.section组 第indexPath.row行显示怎样的cell(显示什么内容,加载数据)@required:- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath。  在这个方法中使用:tableCell.textLabel.text=[[NSArray array] objectAtIndex:indexPath.row]; 可以在UITableViewCell中依次显示数组中的内容  
>4>第section组显示怎样的头部标题:-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;  
>5>第section组显示怎样的尾部标题:- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section;  
>6>选中某一行操作:-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;

8.tableView刷新数据的方式

1). 修改模型数据

2). 全局刷新:[self.tableView reloadData];

3). 修改局部刷新:前提是模型数据的个数不变,所以可以进行局部刷新:[self.tableView reloadRowsAtIndexPaths:@[indexPath]withRowAnimation:UITableViewRowAnimationBottom];

4). 删除局部刷新:[self.tableView deleteRowsAtIndexPaths:@[[NSIndexPath indexPathForRow:0inSection:0]] withRowAnimation:UITableViewRowAnimationMiddle];

9.添加每个cell出现时的3D动画

-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
     // 动画1
     //    CATransform3D rotation;//3D旋转
     //    rotation = CATransform3DMakeRotation( (90.0*M_PI)/180, 0.0, 0.7, 0.4);
     //    //逆时针旋转
     //    rotation.m34 = 1.0/ -600;
     //
     //    cell.layer.shadowColor = [[UIColor blackColor]CGColor];
     //    cell.layer.shadowOffset = CGSizeMake(10, 10);
     //    cell.alpha = 0;
     //
     //    cell.layer.transform = rotation;
     //
     //    [UIView beginAnimations:@"rotation" context:NULL];
     //    //旋转时间
     //    [UIView setAnimationDuration:0.8];
     //    cell.layer.transform = CATransform3DIdentity;
     //    cell.alpha = 1;
     //    cell.layer.shadowOffset = CGSizeMake(0, 0);
     //    [UIView commitAnimations];
     // 动画2
     cell.alpha = 0.5;
     CGAffineTransform transformScale = CGAffineTransformMakeScale(0.3,0.8);
     CGAffineTransform transformTranslate = CGAffineTransformMakeTranslation(0.5, 0.6);
     cell.transform = CGAffineTransformConcat(transformScale, transformTranslate);
     [tableView bringSubviewToFront:cell];
     [UIView animateWithDuration:.4f
                           delay:
                         options:UIViewAnimationOptionAllowUserInteraction
                      animations:^{
                          cell.alpha = ;
                          //清空 transform
                          cell.transform = CGAffineTransformIdentity;
                      } completion:nil];
     // 动画3
     /*
      // 从锚点位置出发,逆时针绕 Y 和 Z 坐标轴旋转90度
      CATransform3D transform3D = CATransform3DMakeRotation(M_PI_2, 0.0, 1.0, 1.0);
      // 定义 cell 的初始状态
      cell.alpha = 0.0;
      cell.layer.transform = transform3D;
      cell.layer.anchorPoint = CGPointMake(0.0, 0.5); // 设置锚点位置;默认为中心点(0.5, 0.5)
      // 定义 cell 的最终状态,执行动画效果
      // 方式一:普通操作设置动画
      [UIView beginAnimations:@"transform" context:NULL];
      [UIView setAnimationDuration:0.5];
      cell.alpha = 1.0;
      cell.layer.transform = CATransform3DIdentity;
      CGRect rect = cell.frame;
      rect.origin.x = 0.0;
      cell.frame = rect;
      [UIView commitAnimations];
      // 方式二:代码块设置动画
      //        [UIView animateWithDuration:0.5 animations:^{
      //                cell.alpha = 1.0;
      //                 cell.layer.transform = CATransform3DIdentity;
      //                CGRect rect = cell.frame;
      //                 rect.origin.x = 0.0;
      //            cell.frame = rect;
      //             }];
      */
 }

>> UITableViewCell可移动,需要打开的代理方法以及移动过程中调用的代理方法

// tableView可移动  移动完成之后会调用此代理方法
- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath
{
}
// 移动过程中调用的代理方法 -- 示例为不能跨区移动
/**
 *  <#Description#>
 *
 *  @param tableView
 *  @param sourceIndexPath              所要移动单元格的原始位置
 *  @param proposedDestinationIndexPath 将要移动到的位置
 *
 *  @return return value description
 */
- (NSIndexPath *)tableView:(UITableView *)tableView targetIndexPathForMoveFromRowAtIndexPath:(NSIndexPath *)sourceIndexPath toProposedIndexPath:(NSIndexPath *)proposedDestinationIndexPath
{
    // 移动位置在同一分区
    if (sourceIndexPath.section == proposedDestinationIndexPath.section)
    {
        // 这时允许单元格移动
        return proposedDestinationIndexPath ;
    }
    // 不在同一分区 不让单元格移动,返回原始的indexPath
    else
    {
        return sourceIndexPath ;
    }
}

以上是对 UITableView 控件的描述和使用,不以偏概全,只授之以渔,有更好的操作也会及时更新。如果您有UITableView控件的更好使用欢迎留言交流!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,142评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,298评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,068评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,081评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,099评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,071评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,990评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,832评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,274评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,488评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,649评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,378评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,979评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,625评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,643评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,545评论 2 352