UI_三个UITableView的省市区联动

RootViewController.m

#import "RootViewController.h"
#define WIDTH self.view.frame.size.width
#define HEIGHT self.view.frame.size.height
@interface RootViewController ()<UITableViewDataSource, UITableViewDelegate>

1.创建6个属性.
@property(nonatomic, retain)NSMutableArray *provinceArray;
@property(nonatomic, retain)NSMutableArray *cityArray;
@property(nonatomic, retain)NSMutableArray *zoneArray;
@property(nonatomic, retain)UITableView *provinceTableView;
@property(nonatomic, retain)UITableView *cityTableView;
@property(nonatomic, retain)UITableView *zoneTableView;
@end

@implementation RootViewController

- (void)dealloc
{
    [_provinceArray release];
    [_cityArray release];
    [_zoneArray release];
    [_provinceTableView release];
    [_cityTableView release];
    [_zoneTableView release];
    [super dealloc];
}

2.初始化数据.
- (instancetype)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        [self createData];
    }
    return self;
}

3.创建省市区tableView.
- (void)createData {
    NSString *path = @"/Users/dlios/Desktop/UI10_3个tableView省市区联动/UI10_3个tableView省市区联动/area(省市区版).txt";
    NSString *str = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];
    NSArray *strArr = [str componentsSeparatedByString:@"\n"];
    self.provinceArray = [NSMutableArray array];
    for (NSString *tempStr in strArr) {
        if (![tempStr hasPrefix:@" "]) {
            NSMutableDictionary *provinceDictionary = [NSMutableDictionary dictionary];
            [provinceDictionary setObject:tempStr forKey:@"provinceName"];
            NSMutableArray *cityArray = [NSMutableArray array];
            [provinceDictionary setObject:cityArray forKey:@"cityArray"];
            [self.provinceArray addObject:provinceDictionary];            
        } else if ([tempStr hasPrefix:@"  "] && ![tempStr hasPrefix:@"    "]) {
            NSMutableDictionary *cityDictionary = [NSMutableDictionary dictionary];
            [cityDictionary setObject:tempStr forKey:@"cityName"];
            NSMutableArray *zoneArray = [NSMutableArray array];
            [cityDictionary setObject:zoneArray forKey:@"zoneArray"];
            NSMutableDictionary *provinecDictionary = [self.provinceArray lastObject];
            NSMutableArray *cityArray = provinecDictionary[@"cityArray"];
            [cityArray addObject:cityDictionary];
        } else {
            NSMutableDictionary *provinceDictionary = [self.provinceArray lastObject];
            NSMutableArray *cityArray = provinceDictionary[@"cityArray"];
            NSMutableDictionary *cityDictionary = cityArray.lastObject;
            NSMutableArray *zoneArray = cityDictionary[@"zoneArray"];
            [zoneArray addObject:tempStr];
        }
    }
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    // automaticallyAdjustsScrollViewInsets会把第一个滚动视图的坐标起始位置设置成(0, 64),但是它不会管后面的滚动视图,所以想要保留半透明效果需要把这个属性设置成NO,然后坐标起始位置都加64.
    // 或者把导航栏设置成不透明,坐标系就稳定了.
    self.automaticallyAdjustsScrollViewInsets = NO;
    [self createProvinceTableView];
    [self createCityTableView];
    [self createZoneTableView];   
}

4.创建省列表视图.
- (void)createProvinceTableView {    
    self.provinceTableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 64, WIDTH / 3, HEIGHT - 64) style:UITableViewStylePlain];
    [self.view addSubview:self.provinceTableView];
    [_provinceTableView release];

    self.provinceTableView.delegate = self;
    self.provinceTableView.dataSource = self;    
}

5.创建市列表视图.
- (void)createCityTableView {
    self.cityTableView = [[UITableView alloc] initWithFrame:CGRectMake(WIDTH / 3, 64, WIDTH / 3, HEIGHT - 64) style:UITableViewStylePlain];
    [self.view addSubview:self.cityTableView];
    [_cityTableView release];

    self.cityTableView.delegate = self;
    self.cityTableView.dataSource = self;
}

5.创建区列表视图.
- (void)createZoneTableView {
    self.zoneTableView = [[UITableView alloc] initWithFrame:CGRectMake(WIDTH / 3 * 2, 64, WIDTH / 3, HEIGHT - 64) style:UITableViewStylePlain];
    [self.view addSubview:self.zoneTableView];
    [_zoneTableView release];

    self.zoneTableView.delegate = self;
    self.zoneTableView.dataSource = self;
}

6.判断是哪个列表视图.
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

    if (tableView == self.provinceTableView) {
        return self.provinceArray.count;
    } else if (tableView == self.cityTableView) {
        return self.cityArray.count;
    } else {
        return self.zoneArray.count;
    }
}

7.在cell中显示相对的数据.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *reuse = @"Reuse";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:reuse];
    if (!cell) {
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:reuse] autorelease];
    }

    if (tableView == self.provinceTableView) {
        cell.textLabel.text = self.provinceArray[indexPath.row][@"provinceName"];
    } else if (tableView == self.cityTableView) {
        cell.textLabel.text = self.cityArray[indexPath.row][@"cityName"];
    } else {
        cell.textLabel.text = self.zoneArray[indexPath.row];
    }
    return cell;
}

8.在列表视图的点击方法中实现.
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    // 点击省出现市
    if (tableView == self.provinceTableView) {
        // 把省对应的市数组给属性赋值.
        self.cityArray = self.provinceArray[indexPath.row][@"cityArray"];
        [self.cityTableView reloadData];
        // 再次点击省,区消失.
        self.zoneArray = nil;
        [self.zoneTableView reloadData];
    } else if (tableView == self.cityTableView) {
        self.zoneArray = self.cityArray[indexPath.row][@"zoneArray"];
        [self.zoneTableView reloadData];
    }
}