IOS开发学习笔记027-UITableView 使用模型对象

1、模型对象

2、单组数据的显示

 

1、模型对象

继续优化上一个程序

上一次用到字典，但是坏处多多。这里将这些数据封装到类中。

这就是MVC中得模型，模型就是数据的显示结构

新建一个类，添加几个属性和一个类方法用于快速返回对象

#import <Foundation/Foundation.h>

@interface Province : NSObject
// UI控件用weak
// nsstring 用copy


@property (nonatomic,copy) NSString *header;
@property (nonatomic,copy) NSString *footer;
@property (nonatomic,strong) NSArray *cities;
//
+ (id)provinceWithHeader:(NSString *)header andFooter:(NSString *)footer andCities:(NSArray *)cities;
@end

 

#import "Province.h"

@implementation Province


+ (id)provinceWithHeader:(NSString *)header andFooter:(NSString *)footer andCities:(NSArray *)cities
{
    Province *pp = [[Province alloc] init];
    pp.footer = footer;
    pp.header = header;
    pp.cities = cities;
    return pp;
}
@end

 

初始化对象时使用类方法

    Province *gd = [Province provinceWithHeader:@"广东" andFooter:@"广东怒啊啊" andCities:@[@"广州",@"深圳"]];
    Province *hn = [Province provinceWithHeader:@"湖南" andFooter:@"湖南哈哈哈啊啊" andCities:@[@"长沙",@"岳阳"]];

 

修改一下 方法 numberOfRowsInSection

// 2 设置每组多少行 row
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    // 取出对象中得数据
    return [_allProvince[section] cities].count;
}

 

修改一下方法 cellForRowAtIndexPath

// 3 返回每一行显示的内容
// indexPath 标识唯一的一行，第几组第几行
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *tableCell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
    // 设置cell显示的文字
    NSString *text =  [_allProvince[indexPath.section] cities][indexPath.row];
    tableCell.textLabel.text = text;
    return tableCell;
}

 

修改一下方法 titleForHeaderInSection

#pragma mark 第section组的头部标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
    return  [_allProvince[section] header];
}

 

在修改一下  titleForFooterInSection

#pragma mark 第section组的尾部显示
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
{
    return [_allProvince[section] footer];
}

 

效果是一样的，但是代码的可扩展性更好了。

 

显示表格右侧的索引

需要用法一个方法

- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView

返回的数组就是要现实的索引数组，单击索引文字会跳转到对应的组

#pragma mark 返回表格右边显示的索引条
- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView
{
    NSMutableArray *title = [NSMutableArray array];
    for (Province *p in _allProvince)
    {
        [title addObject:p.header]; // 获取标题显示在索引中
    }
    return title;
}

 

2、单组数据的显示

以上说到的都是多组数据的显示，下面说单组数据的显示。

主要是在创建view时指定style参数为Plain

 设置组和行

// 设置行，既然是单组，那就只有一行
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 1;
}
// 设置行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 9;
}
// 设置行内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
    cell.textLabel.text = [NSString stringWithFormat:@"第%d行数据",indexPath.row]; // 中间文字
    cell.imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"00%d.png",indexPath.row + 1]]; // 左侧图像
    cell.detailTextLabel.text = [NSString stringWithFormat:@"第%d行数据的描述",indexPath.row]; //描述文字，对textLable的描述
    return cell;
}

 

 其中UITableViewCell的几种显示方式：

UITableViewCellStyleDefault:不显示子标题

UITableViewCellStyleValue1:detial标签显示在右边

UITableViewCellStyleValue2:不显示图片

UITableViewCellStyleSubTitle:显示子标题

设置显示在最右侧的按钮或者图标  

 cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator; // 最右侧指示信息

UITableViewCellAccessoryCheckmark 最右侧显示一个对号

UITableViewCellAccessoryDetailButton 最右侧显示一个i按钮

UITableViewCellAccessoryDetailDisclosureButton 显示一个I按钮和一个尖括号>

UITableViewCellAccessoryDisclosureIndicator 显示一个尖括号 >

 

 

最终效果是这样

代码如下

//
//  SLQViewController.m
//  UITableView-单组数据显示
//
//  Created by Christian on 15/5/16.
//  Copyright (c) 2015年 slq. All rights reserved.
//

#import "SLQViewController.h"

@interface SLQViewController () <UITableViewDataSource, UITableViewDelegate>

@end

@implementation SLQViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
}


// 设置行，既然是单组，那就只有一行
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 1;
}
// 设置行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 9;
}
// 设置行内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:nil];
    cell.textLabel.text = [NSString stringWithFormat:@"第%ld行数据",indexPath.row]; // 中间文字
    cell.imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"00%ld.png",indexPath.row + 1]]; // 左侧图像
    cell.detailTextLabel.text = [NSString stringWithFormat:@"第%ld行数据的描述",indexPath.row]; // 描述信息
    cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator; // 最右侧指示信息
    return cell;
}


@end

 

3、选中行后弹出对话框

弹出对话框使用UIAlertView，遵守代理UIAlertViewDelegate的对象都可弹出UIAlertView对话框

获取选中行的方法是 didSelectRowAtIndexPath

 1 // 选中了某一行的cell就会调用
 2 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
 3 {
 4     // 1、取出点击的行对象
 5     Shop *shop = _shops[indexPath.row] ;
 6     // 2、创建UIAlertView提示窗口，指定代理
 7     UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示信息" message:shop.name delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];
 8     // 3、设置窗口显示样式，以明文显示还是以密文显示
 9     alert.alertViewStyle = UIAlertViewStylePlainTextInput;
10     // 4、设置输入文本框默认显示的文字
11     [alert textFieldAtIndex:0].text = shop.name;
12     // 5、显示
13     [alert show];
14     // 6、绑定显示的行号,在代理方法中更新数据
15     alert.tag = indexPath.row;
16 }

 

然后弹出对话框后对数据进行修改，最后将修改后的数据更新到表格中,单击确定按钮保存结果

 1 // alertview的代理方法,在创建alertView时传递代理
 2 - (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex
 3 {
 4     // 1、取消按钮直接返回
 5     if(buttonIndex == 0) return ;
 6     // 2、点击的时确定按钮
 7     //   2.1获取字符串
 8     NSString *text = [alertView textFieldAtIndex:0].text;
 9     //   2.2修改模型数据
10     int row = alertView.tag;
11     Shop *shop = _shops[row];
12     shop.name = text;
13     //   2.3更新行，tableView给UITableView绑定的变量
14     [_tableView reloadData]; // 重新刷新所有行
15    
16 }

reloadData方法刷新所有行，如果只修改一行，显然没必要刷新所有行。
刷新某一行使用方法 reloadRowsAtIndexPaths

1     // 刷新某一行，自带动画效果
2     NSIndexPath *path = [NSIndexPath indexPathForRow:row inSection:0];
3     [_tableView reloadRowsAtIndexPaths:@[path] withRowAnimation:UITableViewRowAnimationLeft];