IOS开发学习笔记026-UITableView的使用

UITableView的简单 使用过程

1、创建一个UITableView对象，并设置数据源

2、设置多少组

3、设置每组多少行

4、设置第section组第row行的数据

5、设置每组头部显示的文字

6、设置每组尾部显示的文字

7、代码优化

简单介绍：

两种样式

UITableViewStylePlain 

UITableViewStyleGrouped

数据显示需要设置数据源，数据源是符合遵守协议 <UITableViewDataSource>的类

数据源

dataSource

一些 UITableViewDataSource 协议里写好的类，这些类有系统自动调用，调用顺序是先设置组再设置行最后设置行内容

设置组section，直接将组返回

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

设置行，直接返回行

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

设置行内容，直接返回UITableViewCell对象

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

设置组标题（头部），返回头部标题

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

设置组描述（尾部），返回尾部描述

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

其中indexPath包含两个数据一个是section一个是row，也就是每一行数据的位置，表示第几组第几行

具体用法看下面的代码

1、创建一个UITableView对象，并设置数据源

1     // 创建一个UITableView 2     UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped]; 3     tableView.dataSource = self; // 设置数据源 4     [self.view addSubview:tableView]; // 添加到视图

既然数据源是self，那么这个类必须遵守协议： UITableViewDataSource,在这个类扩展上遵守协议即可

1 @interface SLQViewController () <UITableViewDataSource> // 遵守协议 2  3 @end

2、设置组

将待添加数据到数组中

1 @interface SLQViewController () <UITableViewDataSource> // 遵守协议 2 { 3     NSArray *_property; // 属性 4     NSArray *_location;  // 位置 5 }

在viewDidLoad方法中初始化数组

1     _property = @[@"红",@"蓝",@"黑"]; 2     _location = @[@"上",@"下",@"左",@"右"];

设置有多少组

1 // 设置组section 2 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 3 { 4     return 2; // 返回组数 5 }

3、设置每组多少行

 1 // 设置每组多少行 row  2 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section  3 {  4     if(section == 0)  5         return _property.count;  6     if (section == 1) {  7         return _location.count;  8     }  9  10     return 0; 11 }

4、设置第section组第row行的数据

 1 // 设置行内容  2 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  3 {
     // 创建UITableViewCell对象  4     UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];  5     if (indexPath.section == 0)  6     {  7         cell.textLabel.text = _property[indexPath.row];  8     }  9     if (indexPath.section == 1) 10     { 11         cell.textLabel.text = _location[indexPath.row]; 12    } 13  14     return cell; // 返回 15 }

5、设置每组头部显示的文字

 1 // 设置每组头部显示文字  2 - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section  3 {  4     if(section == 0)  5     {  6         return @"颜色";  7     }  8     if (section == 1)  9     { 10         return @"位置"; 11     } 12     return nil; 13 }

6、设置每组尾部显示的文字

 1 // 设置每组尾部显示文字  2 - (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section  3 {  4     if(section == 0)  5     {  6         return @"设置一些颜色属性啦啦啦啦";  7     }  8     if (section == 1)  9     { 10         return @"位置属性的设置哈哈哈哈"; 11     } 12     return nil;   13 }

运行可以看到结果：

7、代码优化

上面的代码看着可扩展性太差，下面来几个优化版本，直接看代码吧

  1 //   2 //  SLQViewController.m   3 //  UITableView的练习   4 //   5 //  Created by Christian on 15/5/16.   6 //  Copyright (c) 2015年 slq. All rights reserved.   7 //   8    9 #import "SLQViewController.h"  10   11   12 //  13 #define kHeader @"header"  14 #define kFooter @"footer"  15 #define kSetting @"setting"  16   17   18 @interface SLQViewController () <UITableViewDataSource> // 遵守协议  19   20 {  21 //    NSArray *_property;  22 //    NSArray *_location;  23       24     // 优化1  25 //    NSArray *_allSetting;  26 //    NSArray *_noramlSet;  27 //    NSArray *_moveSet;  28       29     // 优化2  30     NSArray *_allInfo; // 内部保存字典  31 }  32 @end  33   34 @implementation SLQViewController  35   36 - (void)viewDidLoad  37 {  38     [super viewDidLoad];  39     // Do any additional setup after loading the view, typically from a nib.  40     // 创建一个UITableView  41     UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];  42     tableView.dataSource = self; // 设置数据源  43     [self.view addSubview:tableView]; // 添加到视图  44 //      45 //    _property = @[@"颜色",@"大小",@"透明度"];  46 //    _location = @[@"上",@"下",@"左",@"右"];  47     // 优化1  48 //    _allSetting = @[  49 //                    @[@"颜色",@"大小",@"透明度"],  50 //                    @[@"上",@"下",@"左",@"右"],  51 //                    ];  52 //    _noramlSet =  @[@"设置",@"位置"];  53 //    _moveSet =  @[@"常见属性设置啦啦啦啦啦了",@"位移属性设置啊啊啊啊啊啊啊啊"];  54     // 优化2，保存字典  55     _allInfo = @[  56                     @{  57                         kHeader : @"颜色",  58                         kFooter : @"颜色属性啦啦啦啦啦啦啦啦啦",  59                         kSetting : @[@"红",@"蓝",@"黑"]  60                         },  61                     @{  62                         kHeader : @"位置",  63                         kFooter : @"位置属性啊啊啊啊啊啊啊啊",  64                         kSetting : @[@"上",@"下",@"左",@"右"]  65                         },  66                     @{  67                         kHeader : @"透明属性",  68                         kFooter : @"透明属性啊啊啊啊啊啊啊啊",  69                         kSetting : @[@"透明",@"半透明",@"不透明"]  70                         }  71                     ];  72       73 }  74 // 设置组section  75 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView  76 {  77     //return 2;  78     // 优化1  79     //return _allSetting.count;  80     // 优化2  81     return _allInfo.count;  82 }  83 // 设置每组多少行 row  84 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section  85 {  86 //    if(section == 0)  87 //        return _property.count;  88 //    if (section == 1) {  89 //        return _location.count;  90 //    }  91     // 优化1  92     // return [_allSetting[section] count];  93     // 优化2  94     return [_allInfo[section][kSetting] count];  95     //return 0;  96 }  97 // 设置行内容  98 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  99 { 100     UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil]; 101 //    if (indexPath.section == 0) 102 //    { 103 //        cell.textLabel.text = _property[indexPath.row]; 104 //    } 105 //    if (indexPath.section == 1) 106 //    { 107 //        cell.textLabel.text = _location[indexPath.row]; 108 //    } 109     // 优化1 110     //cell.textLabel.text = _allSetting[indexPath.section][indexPath.row]; 111     // 优化2 112     cell.textLabel.text = _allInfo[indexPath.section][kSetting][indexPath.row]; 113     return cell; 114 } 115 // 设置每组头部显示文字 116 - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section 117 { 118 //    if(section == 0) 119 //    { 120 //        return @"设置"; 121 //    } 122 //    if (section == 1) 123 //    { 124 //        return @"位置"; 125 //    } 126     // 优化1 127     // return _noramlSet[section]; 128     // 优化2 129     return _allInfo[section][kHeader]; 130 } 131 // 设置每组尾部显示文字 132 - (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section 133 { 134 //    if(section == 0) 135 //    { 136 //        return @"设置一些常见属性"; 137 //    } 138 //    if (section == 1) 139 //    { 140 //        return @"位置属性的设置"; 141 //    } 142      // 优化1 143     // return _moveSet[section]; 144      // 优化2 145     return _allInfo[section][kFooter]; 146 } 147 @end

源代码：

http://pan.baidu.com/s/1hqCLqra

其实还有优化的空间，继续学习。。。。