IOS表格视图的制作.docx

UITableView表格视图知识点大纲(1) 表格视图简单实用(2) 单元格具体内容(3) 单元格复用知识点详解(1) 表格视图简单使用 / UITableViewStylePlain 普通类型 (常用显示大量信息) / UITableViewStyleGrouped 分组类型(常用与配置界面, 联系人界面) UITableView *tableView = UITableView alloc initWithFrame:self.view.bounds style:UITableViewStylePlain;/ UITableViewDataSource控制表格视图的外观, UITableViewDelegate处理表格视图的事件 / tableView数据源在本类本对象中/ / 与数据有关，tableView要显示什么数据 比如有多少行 有多少分区 / 注意：代理方法中，有两个是必须实现的，没有实现，程序在启动后就会崩掉 tableView.dataSource = self;/ 表格视图的代理方法/ / 和数据无关的相关信息，侧重于行为 比如每一行有多高tableView.delegate = self;/ 表格视图如何知道该有多少行？- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section/ 每行应该显示什么数据 / 什么时候调用? 在显示单元格的时候调用 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath(2) 单元格具体内容/ 注意: *为必须实现方法/ 1.返回组数/ 2.返回每组的行数 */ 3.返回每行中显示数据(cell) *indexPath.section / 哪一组indexPath.row / 哪一行/* cell的类型UITableViewCellStyleDefault, 默认模式，标题+可选图像UITableViewCellStyleValue1, 标题+可选图像+明细信息(和标题在同一行)UITableViewCellStyleValue2, 标题+明细信息UITableViewCellStyleSubtitle 标题+可选图像+明细(和标题不在同一行)*/UITableViewCell *cell = UITableViewCell alloc initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:nil; / 标题 cell.textLabel.text = name; / 明细信息 (UITableViewCellStyleValue1类型中) cell.detailTextLabel.text = ro; / 图像 cell.imageView.image = UIImage imageNamed:hero.icon; / 背景颜色，会影响到未选中表格行的标签背景 cell.backgroundColor = UIColor redColor; / 在实际开发中，使用背景视图的情况比较多 / 背景视图，不需要指定大小，cell会根据自身的尺寸，自动填充调整背景视图的显示 UIImage *bgImage = UIImage imageNamed:rr_pub_button_silver stretchableImageWithLeftCapWidth:8 topCapHeight:8 cell.backgroundView = UIImageView alloc initWithImage:bgImage;/ UIView *backView = UIView alloc init;/ backView.backgroundColor = UIColor redColor;/ cell.backgroundView = backView; / 选中的背景视图 UIView *selectedBackImage = UIView alloc init; selectedBackImage.backgroundColor = UIColor yellowColor; cell.selectedBackgroundView = selectedBackImage; / 设置右边按钮 / UITableViewCellAccessoryDisclosureIndicator 箭头可以提示用户，当前行可以点击的，通常选中可以跳转到新页面 / UITableViewCellAccessoryCheckmark 对号，通常提示用户改行设置完毕，比较少用 / UITableViewCellAccessoryDetailButton 叹号按钮，通常点击按钮可以做独立操作，例如alterview / UITableViewCellAccessoryDetailDisclosureButton 按钮+右箭头/ 点击右边叹号按钮的处理方法是在代理方法中 cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;/ 自定义右边按钮 UISwitch *mySwitch = UISwitch alloc init; mySwitch addTarget:self action:selector(mySwitchClick:) forControlEvents:UIControlEventValueChanged; cell.accessoryView = mySwitch; / 如何修改单元格的高度/ 细节: cell默认的高度是44/ 44是iOS界面设计中最小(适宜)触控面积/ 应用场景：很多应用程序，每一行的高度是不一样的，例如新浪微博(每个人发的消息不一样高度就不一样) - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath/ 具体设置哪一行高度 if (indexPath.section = 1 & indexPath.row = 3) return 80; return 44; / 返回组数, 告诉tableView要显示多少组 / 细节: 要是这个方法不写, 默认是一组 -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView return _dataArray.count; / 作用: 返回行数 / 参数section: 表示到底要返回哪一组的行数 -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section /先根据section获取到子数组 NSArray *subArray = _dataArraysection; return subArray.count; / 处理某行的点击事件 / 注意: 千万不要写成didDeSelect, didDeSelect表示取消选择 -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath UIAlertView *alertView = UIAlertView alloc init; alertView.message = NSString stringWithFormat:您点击了%d组%d行,indexPath.section,indexPath.row; alertView addButtonWithTitle:取消; alertView show; / accessoryType为按键时，点击右侧按键的监听事件/ 此方法不会触发选中行，跟行是相互独立的/ 只是为accessoryType服务，对定义控件不相应- (void)tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath NSLog(测试accessory); / 分组标题，表格视图分组类型时显示 - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section return 标题; / 分组脚注，表格视图分组类型时显示 - (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section return 脚注; / 分组标题的行高 - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section return 100; / 分组脚注的行高 - (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section if (section = 1) return 80; return 20; / 分组标题图片 - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section if (section = 1) UIImageView *imageView = UIImageView alloc init; imageView.image = UIImage imageNamed:img_01; return imageView; return nil; / 分组脚注图片 - (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section if (section = 3) UIImageView *imageView = UIImageView alloc init; imageView.image = UIImage imageNamed:img_01; return imageView; return nil; / 右边索引/ 索引数组中的“内容”，跟分组无关/ 索引数组中的下标，对应的是分组下表- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView NSMutableArray *mArray = NSMutableArray alloc init; for (int i=A; i=Z; i+) mArray addObject:NSString stringWithFormat:%c,i; return mArray; (3) 单元格复用/ 这个方法调用的频率很高，是实现cell明细的- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath / 单元格循环引用 (这样就可以循环使用开始创建出来的，屏幕大小个数的单元格) / ID 可重用标示符字符串 / static 静态变量，能够保证系统为变量在内存中只分配一次内存空间 / 静态变量，一旦创建，就不会被释放，只有当程序被销毁时，才会释放！ static NSString *ID = Cell; / 1 去缓存池查找可重用的单元格 UITableViewCell *cell = tableView dequeueReusableCellWithIdentifier:ID; / 2 如果没找到 if (cell = nil) / 实例化新的单元格 cell = UITableViewCell alloc initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID; (4) 沙盒相关内容(真机调试) / /var/mobile/Applications/FB2A2FE7-59A3-4F84-AEF9-47B7A40DD121 NSString *dirt = NSHomeDirectory(); NSLog(%,dirt); / /var/mobile/Applications/FB2A2FE7-59A3-4F84-AEF9-47B7A40DD121/ NSString *path = NSBundle mainBundle; NSLog(path:%,path); / 如何在UI工程中读取文件(例如plist文件) / 以后iOS工程编译完后变成了一个程序包(bundle) / iOS系统上一个应用所有的数据都放在一个目录中,不能访问目录之外的文件,这个目录称为沙盒目录 / 一句话说明: 以后要想读取文件,使用相对路径 / 获取沙盒目录 NSString *homeDir = NSHomeDirectory(); NSLog(homeDir = %,homeDir); / 设置文件位置 / NSBundle表示应用包 NSString *file = NSBundle mainBundle pathForResource:bookData ofType:plist; /读取plist文件 NSArray *array = NSArray alloc initWithContentsOfFile:file; NSLog(array = %,array); _dataArray = NSMutableArray alloc initWithArray:array;(5) 添加滚动视图/搜索栏/ tableView.tableHeaderView，放在tableview最顶端，头部视图/ tableView.tablefooterView,放在tab