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

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

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