UITableView的简单使用过程

简单介绍

　　两种样式

　　　　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对象，并设置数据源

     // 创建一个UITableView

     UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];

     tableView.dataSource = self; // 设置数据源

     [self.view addSubview:tableView]; // 添加到视图

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

 @interface SLQViewController () <UITableViewDataSource> // 遵守协议

 @end

2、设置组

将待添加数据到数组中

 @interface SLQViewController () <UITableViewDataSource> // 遵守协议

 {

     NSArray *_property; // 属性

     NSArray *_location;  // 位置

 }

在viewDidLoad方法中初始化数组

     _property = @[@"红",@"蓝",@"黑"];

     _location = @[@"上",@"下",@"左",@"右"];

设置有多少组

 // 设置组section

 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

 {

     return ; // 返回组数

 }

3、设置每组多少行

 // 设置每组多少行 row

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

 {

     if(section == )

         return _property.count;

     if (section == ) {

         return _location.count;

     }

     return ;

 }

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

 // 设置行内容

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

 {
　　　  // 创建UITableViewCell对象

     UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];

     if (indexPath.section == )

     {

         cell.textLabel.text = _property[indexPath.row];

     }

     if (indexPath.section == )

     {

         cell.textLabel.text = _location[indexPath.row];

    }

     return cell; // 返回

 }

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

 // 设置每组头部显示文字

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

 {

     if(section == )

     {

         return @"颜色";

     }

     if (section == )

     {

         return @"位置";

     }

     return nil;

 }

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

 // 设置每组尾部显示文字

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

 {

     if(section == )

     {

         return @"设置一些颜色属性啦啦啦啦";

     }

     if (section == )

     {

         return @"位置属性的设置哈哈哈哈";

     }

     return nil;

 }

运行可以看到结果：

7、代码优化

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

 //

 //  SLQViewController.m

 //  UITableView的练习

 //

 //  Created by Christian on 15/5/16.

 //  Copyright (c) 2015年 slq. All rights reserved.

 //

 #import "SLQViewController.h"

 //

 #define kHeader @"header"

 #define kFooter @"footer"

 #define kSetting @"setting"

 @interface SLQViewController () <UITableViewDataSource> // 遵守协议

 {

 //    NSArray *_property;

 //    NSArray *_location;

     // 优化1

 //    NSArray *_allSetting;

 //    NSArray *_noramlSet;

 //    NSArray *_moveSet;

     // 优化2

     NSArray *_allInfo; // 内部保存字典

 }

 @end

 @implementation SLQViewController

 - (void)viewDidLoad

 {

     [super viewDidLoad];

     // Do any additional setup after loading the view, typically from a nib.

     // 创建一个UITableView

     UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];

     tableView.dataSource = self; // 设置数据源

     [self.view addSubview:tableView]; // 添加到视图

 //

 //    _property = @[@"颜色",@"大小",@"透明度"];

 //    _location = @[@"上",@"下",@"左",@"右"];

     // 优化1

 //    _allSetting = @[

 //                    @[@"颜色",@"大小",@"透明度"],

 //                    @[@"上",@"下",@"左",@"右"],

 //                    ];

 //    _noramlSet =  @[@"设置",@"位置"];

 //    _moveSet =  @[@"常见属性设置啦啦啦啦啦了",@"位移属性设置啊啊啊啊啊啊啊啊"];

     // 优化2，保存字典

     _allInfo = @[

                     @{

                         kHeader : @"颜色",

                         kFooter : @"颜色属性啦啦啦啦啦啦啦啦啦",

                         kSetting : @[@"红",@"蓝",@"黑"]

                         },

                     @{

                         kHeader : @"位置",

                         kFooter : @"位置属性啊啊啊啊啊啊啊啊",

                         kSetting : @[@"上",@"下",@"左",@"右"]

                         },

                     @{

                         kHeader : @"透明属性",

                         kFooter : @"透明属性啊啊啊啊啊啊啊啊",

                         kSetting : @[@"透明",@"半透明",@"不透明"]

                         }

                     ];

 }

 // 设置组section

 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

 {

     //return 2;

     // 优化1

     //return _allSetting.count;

     // 优化2

     return _allInfo.count;

 }

 // 设置每组多少行 row

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

 {

 //    if(section == 0)

 //        return _property.count;

 //    if (section == 1) {

 //        return _location.count;

 //    }

     // 优化1

     // return [_allSetting[section] count];

     // 优化2

     return [_allInfo[section][kSetting] count];

     //return 0;

 }

 // 设置行内容

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

 {

     UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];

 //    if (indexPath.section == 0)

 //    {

 //        cell.textLabel.text = _property[indexPath.row];

 //    }

 //    if (indexPath.section == 1)

 //    {

 //        cell.textLabel.text = _location[indexPath.row];

 //    }

     // 优化1

     //cell.textLabel.text = _allSetting[indexPath.section][indexPath.row];

     // 优化2

     cell.textLabel.text = _allInfo[indexPath.section][kSetting][indexPath.row];

     return cell;

 }

 // 设置每组头部显示文字

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

 {

 //    if(section == 0)

 //    {

 //        return @"设置";

 //    }

 //    if (section == 1)

 //    {

 //        return @"位置";

 //    }

     // 优化1

     // return _noramlSet[section];

     // 优化2

     return _allInfo[section][kHeader];

 }

 // 设置每组尾部显示文字

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

 {

 //    if(section == 0)

 //    {

 //        return @"设置一些常见属性";

 //    }

 //    if (section == 1)

 //    {

 //        return @"位置属性的设置";

 //    }

      // 优化1

     // return _moveSet[section];

      // 优化2

     return _allInfo[section][kFooter];

 }

 @end

源代码：

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

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

巴特西

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