UI_UITableView

The UI of iPhone Settings (09 Day)

RootView.h

@property (nonatomic, retain) UITableView *tableView;

RootView.m

#pragma mark - 添加全部控件- (void)addAllViews{    // 3. 创建表示图并添加    self.tableView = [[[UITableView alloc] initWithFrame:self.frame style:UITableViewStyleGrouped] autorelease];    [self addSubview:_tableView];}

RootViewController.m

- (void)viewDidLoad {    [super viewDidLoad];        // 4. 设置数据源    _rootView.tableView.dataSource = self;}// 5. 遵守数据源协议@interface RootViewController () <UITableViewDataSource>@property (nonatomic, retain) RootView *rootView;@end

// 声明一个大数组属性，用于存放设置里面的title，如果要删除组或者单个元素，可在数组里面直接操作。“根据数据来显示页面”的方式@property (nonatomic, retain) NSArray *allDataArray;self.allDataArray = @[                          @[@"通用", @"隐私"],                          @[@"iCloud", @"地图", @"Safari", @"照片与相机", @"Game Center"],                          @[@"Twitter",  @"Facebook",  @"Flickr", @"Vimeo", @"新浪微博", @"腾讯微博"],                          @[@"开发者"]                          ];// 6. 实现协议里的方法#pragma mark - UITableViewDateSource Methods#pragma mark 设置有多少分区（可选的，如果不实现，默认有一个分组）- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{    // 分区数就是大数组的元素个数    return _allDataArray.count;}#pragma mark 设置每一个分区有多少行- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    // 通过section，获取小数组，再发送count消息，获取小数组元素个数，并返回    return [_allDataArray[section] count];}#pragma mark 设置每行显示的内容- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    UITableViewCell *cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:nil] autorelease];//    cell.textLabel.text = @"标题";//    cell.detailTextLabel.text = @"详情描述";//    cell.imageView.image = [UIImage imageNamed:@"head_2"];//    NSArray *smallArray = _allDataArray[indexPath.section];//    NSString *str = smallArray[indexPath.row];//    cell.textLabel.text = str;    // 通过indexPath.section从大数组中获取小数组，再通过indexPath.row从小数组中获取字符串并显示    cell.textLabel.text = _allDataArray[indexPath.section][indexPath.row];    return cell;}// 声明一个头标题数组属性，存储头标题@property (nonatomic, retain) NSArray *headTitleArray;    self.headTitleArray = @[@"First", @"Second", @"Third", @"Fourth"];#pragma mark - 设置头标题- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{    return _headTitleArray[section];}#pragma mark 设置快速索引- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView{    return @[@"1", @"2", @"3", @"4"];}

使用“重用标识”优化内存，替代上面的方法

#pragma mark 设置每行显示的内容- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    // 1. 根据重用标识，去重用队列里去查找, 返回可重用的    static NSString *cellIdentifier = @"cellIdentifier";    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];    // 2. 判断是否有重用的，如果没有，则自己创建    if (cell == nil) {        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellIdentifier] autorelease];    }    // 3. 正常使用cell    cell.textLabel.text = _allDataArray[indexPath.section][indexPath.row];    return cell;   }

遵守协议UITableViewDelegate

#pragma mark 实现协议方法（涉及到动画）- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{    if (indexPath.row % 2 == 0) {        cell.frame = CGRectMake(-375, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height);    } else {        cell.frame = CGRectMake(375, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height);    }    [UIView animateWithDuration:1.f animations:^{        cell.frame = CGRectMake(0, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height);    }];}

一些其他的属性和方法

#pragma mark 设置行高- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{    if (indexPath.row % 2 == 0) {        return 20;    } else {        return 80;    }}#pragma mark 自定义Header- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{    UILabel *headerLabel = [[[UILabel alloc] initWithFrame:CGRectMake(0, 0, 0, 100)] autorelease];    headerLabel.backgroundColor = [UIColor colorWithWhite:.5 alpha:.5];    headerLabel.text = @"头标题";    return headerLabel;}#pragma mark 如果自定义了Header，需要通过下面的方法来设置header的高度- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{    return 100.0f;}#pragma mark 点击方法// 点击后打印它的位置与名称，以及变成黄色- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{    NSLog(@"%ld   %ld", indexPath.section, indexPath.row);    NSLog(@"%@", _allDataArray[indexPath.section][indexPath.row]);    // cellForRowAtIndexPath:通过indexPath，获取到cell    UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];    cell.backgroundColor = [UIColor yellowColor];    // 设置无选中效果    cell.selected = NO;}