UITableView/表格视图

原创 2015年07月09日 15:43:19

UITableView/表格视图



一、UITableView的结构

1、UITableView派生自UIScrollView

NS_CLASS_AVAILABLE_IOS(2_0) @interface UITableView : UIScrollView <NSCoding>

2、UITableView的结构如下:

(1)背景是滚动视图

(2)每个横向的表格称为Cell(UITableViewCell)

注:①每个cell既可以存储数据,也可以接受选中的事件,我们可以选中某个cell时,下拉列表,也可以选中某个cell时,推出新的页面。在编辑模式下还可以选中多个cell,批量删除等。

②通过自定义cell,更可以在cell上添加任何需要的视图。

③多个cell可以进行分组管理。

3、UITableView的cell重用

UITableView只会添加所需的一定数量的cell,仅仅比同屏显示的cell多一点,当tableView滚动时,重复使用这些cell,刷新内容。


4、UITableView具有编辑状态和普通状态两种模式。很多属性方法都只在某一种模式下生效



二、UITableView的基本属性和方法(二、三、四截图为例题截图)

1、创建tableView,style表示的风格

_tableView=[[UITableView alloc] initWithFrame:CGRectMake(0, 100, self.view.frame.size.width, self.view.frame.size.height-100) style:UITableViewStylePlain];

2、设置委托和数据源的回调方法

_tableView.delegate=self;

_tableView.dataSource=self;


3、设置背景色(继承与UIScrollView)

_tableView.backgroundColor=[UIColor blackColor];

4、设置分割线的颜色

_tableView.separatorColor=[UIColor redColor];

5、设置分割线的样式(默认线性)

_tableView.separatorStyle=UITableViewCellSeparatorStyleSingleLine;

UITableViewCellSeparatorStyleNone,               无样式

UITableViewCellSeparatorStyleSingleLine,         线性样式(默认)

UITableViewCellSeparatorStyleSingleLineEtched   // This separator style is only supported for grouped style table views currently      用于grouped

6、设置为多项选择,默认是NO就是默认单选

_tableView.allowsMultipleSelection=NO;

7、添加tableView

[self.view addSubview:_tableView];

8、打开编辑模式

常见方法:_tableView.editing=YES;

完善方法:if (_tableView.editing) {

        _tableView.editing=NO;(_tableView.isEditing==NO也是这个意思)

       }else{

        _tableView.editing=YES;

       }

9、刷新数据

[_tableView reloadData];

10、设置可以多选编辑

_tableView.allowsMultipleSelectionDuringEditing=YES;

11、允许编辑

[_tableView setEditing:YES animated:YES];

12、设置多选删除(单选删除见四(二)UITableViewDataSource)

- (void)mutiEditClick:(UIBarButtonItem *)item

{

获取选中的cell

    NSArray *indexPaths=[_tableView indexPathsForSelectedRows];

    for (NSInteger i=[indexPaths count]-1; i>=0; i--) {

        NSIndexPath *indexpath=[indexPaths objectAtIndex:i];

        [[_dataArray objectAtIndex:indexpath.section] removeObjectAtIndex:indexpath.row];

        if([_dataArray objectAtIndex:indexpath.section]==0){

            [_dataArray removeObjectAtIndex:indexpath.section];

        }

    }

    [_tableView deleteRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationNone];

}



13、(1)右边索引标注背景色

_tableView.sectionIndexBackgroundColor=[UIColor blackColor];

(2)索引的颜色

_tableView.sectionIndexColor=[UIColor redColor];

(3)点击索引后的背景色

_tableView.sectionIndexTrackingBackgroundColor=[UIColor blueColor];


注:通过代理方法创建tableView





三、UITableView的数据源与Cell

NS_CLASS_AVAILABLE_IOS(2_0) @interface UITableViewCell : UIView <NSCoding, UIGestureRecognizerDelegate>

1、创建数据源(继承与UIView)

_tableDate=[[NSMutableArray alloc] init];

for (int i=0; i<5; i++) {

NSMutableArray *rowData=[[NSMutableArray alloc] init];

for (int j=0; j<10; j++) {

NSString *str=[NSString stringWithFormat:@"这是第%d行,第%d列",i,j];

[rowData addObject:str];

}

注:addObject会自动保留引用计数,需要释放

[_tableDate addObject:rowData];

[rowData release];

}



注:下面介绍cell的代码全写在(- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath);

该函数属于UITableViewDataSource;

2、当我们的cell从下方滚动到屏幕上的时候,会委托这个方法来找相应的cell,如果找到了,就直接用,改变一下数据源,如果没找到,我们来创建

static NSString *str=@"cell";

3、从我们的回收队列里找名字为cell的UITableViewCell

UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:str];

4、如果cell为空,就是说,从我们上面的回收队列没有找到相应的cell,我们就来创建cell(UITableView的cell重用)

if (!cell) {

第一个参数是cell的风格(影响添加的信息),第二个参数是cell的名字

cell=[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:str];

UITableViewCellStyleDefault,// Simple cell with text label and optional image view (behavior of UITableViewCell in iPhoneOS 2.x)

UITableViewCellStyleValue1,// Left aligned label on left and right aligned label on right with blue text (Used in Settings)

UITableViewCellStyleValue2,// Right aligned label on left with blue text and left aligned label on right (Used in Phone/Contacts)

UITableViewCellStyleSubtitle// Left aligned label on top and left aligned label on bottom with gray text (Used in iPod).

}

5、添加cell上的文字

(1)只有列的时候

cell.textLabel.text=[_tableDate objectAtIndex:indexPath.row];

(2)说明第几组第几列的时候

cell.textLabel.text=[[_tableDate objectAtIndex:indexPath.section] objectAtIndex:indexPath.row];

6、改变字体

cell.textLabel.font=[UIFont systemFontOfSize:15];

7、改变字体颜色

cell.textLabel.textColor=[UIColor greenColor];

8、改变高亮时候的颜色

cell.textLabel.highlightedTextColor=[UIColor yellowColor];

9、(添加信息)跟cell的风格有关(Style)

cell.detailTextLabel.text=[NSString stringWithFormat:@"这是第%ld个cell详情",indexPath.row];

10、改变添加的信息颜色

cell.detailTextLabel.textColor=[UIColor greenColor];

11、改变添加的信息高亮时候的颜色

cell.detailTextLabel.highlightedTextColor=[UIColor yellowColor];

12、添加左边一个图片

cell.imageView.image=[UIImage imageNamed:@"0.png"];

13、设置cell背景色(继承与UIView)

cell.backgroundColor=[UIColor orangeColor];

14、设置选中的颜色(高亮状态),iOS7以前,默认是蓝色,之后是灰色

UIView *view=[[UIView alloc] init];

cell.selectedBackgroundView=view;

view.backgroundColor=[UIColor redColor];

15、右边标志

cell.accessoryType=UITableViewCellAccessoryNone;

UITableViewCellAccessoryNone,                   // don't show any accessory view         默认无

UITableViewCellAccessoryDisclosureIndicator,    // regular chevron. doesn't track        右边是右箭头(可以往前推)

UITableViewCellAccessoryDetailDisclosureButton, // info button w/ chevron. tracks        右边是圈i(详情)带右箭头

UITableViewCellAccessoryCheckmark,              // checkmark. doesn't track              右边是对勾

UITableViewCellAccessoryDetailButton NS_ENUM_AVAILABLE_IOS(7_0) // info button. tracks   右边是圈i(详情)

16、返回cell

return cell;





四、UITableView的协议

(一)UITableViewDelegate

@protocol UITableViewDelegate<NSObject, UIScrollViewDelegate>

1、选中事件

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

{

取消被点击后的效果(就是点击选择之后一直不高亮状态),这句话存在时不进行下个函数方法

animated是YES打开动画效果

[_tableView deselectRowAtIndexPath:indexPath animated:YES];

(1)只有列的时候

NSLog(@"%@",cell.textLabel.text=[_tableDate objectAtIndex:indexPath.row]);

(2)说明第几组第几列的时候   

NSLog(@"%@",[[_tableDate objectAtIndex:indexPath.section] objectAtIndex:indexPath.row]);

}

2、取消事件(也就是第1条所说的取消被点击后的效果)

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

{

    NSLog(@"取消了第%ld个cell",indexPath.row);

}

3、动态调整cell高度

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

{

这里高度默认是44个坐标

    return 60.0f;

}

4、调整顶部高度

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

{

    return 60;

}

5、调整底部高度

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

{

    return 20;

}

6、添加到分组间的View

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

{

默认高度44个坐标

    UIView *view=[[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.frame.size.width, 44)];

    view.backgroundColor=[UIColor blueColor];

UILabel *label=[[UILabel alloc] initWithFrame:CGRectMake(0, 0, view.bounds.size.width, view.bounds.size.height)];

    label.text=[NSString stringWithFormat:@"第%ld组cell",section];

    label.textAlignment=NSTextAlignmentCenter;

    [view addSubview:label];

    [label release];

    return view;

}

7、设置组号的View

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

8、把编辑模式里默认的Delete键名改成"删除"

- (NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath

{

    return @"删除";

}



(二)UITableViewDataSource

@protocol UITableViewDataSource<NSObject>

1、设置多少组(一组与创建的数据源有关)

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{

    

    return [_tableDate count];

}

2、设置一组多少列,section是组号,默认是1(tableView(问我们)这个组里面要返回多少个cell)

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

{

    return [[_tableDate objectAtIndex:section] count];

}


3、创建cell

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

4、单选删除

第二个参数是编辑的样式(如:插入、删除)第三个参数这里是删除哪一行

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

{

    if (editingStyle==UITableViewCellEditingStyleDelete) {

先删除数组中的元素

        [[_dataArray objectAtIndex:indexPath.section] removeObjectAtIndex:indexPath.row];

删除这一行

        [_tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];

    }

}



5、(1)允许移动

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

{

    return YES;

}

只有实现了上个移动回调,下一个函数方法才能实现

(2)移动cell

第二个参数是将要移动的cell,第三个参数是目标cell

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

{

    NSDictionary *dic=_dataArray[sourceIndexPath.section][sourceIndexPath.row];

    //保留引用计数,remove会减少引用计数

    [dic retain];

    [_dataArray[sourceIndexPath.section]removeObjectAtIndex:sourceIndexPath.row];

    [_dataArray[destinationIndexPath.section] insertObject:dic atIndex:destinationIndexPath.row];

}


6、添加索引指示指示(必须是组展开的情况下)

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

{

    return @[@"圣",@"海",@"火",@"美"];

}

7、点击右侧索引表项时调用

- (NSInteger)tableView:(UITableView *)tableView sectionForSectionIndexTitle:(NSString *)title atIndex:(NSInteger)index

{

    return index;

}



五、例题



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

iOS-使用表格视图UITableView

  • 2015-10-24 09:46
  • 4.09MB
  • 下载

iOS开发-------模拟团购网站(UITableView 表格视图)以及自定义cell

上一篇博客说了UIScrollView(滚动视图),以及如何实现无限滚动的原理,那么这一次结合UIScrollView,以及UITableView(表格视图)做一个模拟团购的小Demon,并使用了xi...

表格视图UITableView及控制器UITableViewController

表格视图UITableView及控制器UITableViewController UITableViewController表格视图控制器 UITableViewContr...

视图篇——表格视图UITableView及控制器UITableViewController

视图篇——表格视图UITableView及控制器UITableViewController 2011-11-06 19:23 by 张智清, 3961 阅读, 0 评论, 收藏,  编辑 ...

UITableView头视图添加时间

  • 2016-06-15 15:49
  • 242KB
  • 下载

iOS之UITableView的使用——编辑表格

1、.h #import @interface FKViewController : UIViewController @property (strong, nonatomic) IBOutle...

UITableView-简单表格.zip

  • 2015-10-16 15:15
  • 73KB
  • 下载

Iphone UITableView 创建最简单的表格

利用UITableView创建最简单的表视图。就是每一列中显示一行文字。效果图如下:表视图并不负责存储数据,只是负责展示相关的内容,表视图中遵循UITableViewDelegate和UITableV...
  • sjzsp
  • sjzsp
  • 2011-04-11 10:20
  • 2276
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)