• 二話不說就上圖,大家看看效果先

上海市

云南省

本篇文章主要涉及講解表視圖和集合視圖和網(wǎng)絡請求解析數(shù)據(jù)

• 以下的類的創(chuàng)建:

這里我給一個URL定位符:

http://apis.map.qq.com/ws/district/v1/list?key=K3VBZ-M6WWV-PPSPY-UVGGC-DRM2Z-PGBMV

這里面是全國34個省直轄市, 市, 自治區(qū), 市區(qū),街道的詳細介紹, 今天就講一下網(wǎng)絡請求的數(shù)據(jù)進行數(shù)據(jù)解析

ViewController.m

@interface ViewController ()<UICollectionViewDelegate,       UICollectionViewDataSource, UITableViewDelegate, UITableViewDataSource>
@property(nonatomic, retain)NSMutableArray *dataSourceProvinceArray;
/**省的集合數(shù)組*/
@property(nonatomic, retain)UICollectionView *collectionView;
/**市的表視圖*/
@property(nonatomic, retain)UITableView *cityTableView;
/**區(qū)的表視圖*/
@property(nonatomic, retain)UITableView *zoneTableView;
/**市的集合數(shù)組*/
@property(nonatomic, retain)NSMutableArray *dataSourceCityArray;
/**區(qū)的集合數(shù)組*/
@property(nonatomic, retain)NSMutableArray *dataSourceZoneArray;
/***/
@property(nonatomic, assign)NSInteger currentProvinceIndex;
@end

@implementation ViewController

• 咱們先把屬性都準備好, 再把表視圖和集合視圖的協(xié)議簽好

- (void)getData
{
    //請求數(shù)據(jù)并解析
    NSString *strURL = @"http://apis.map.qq.com/ws/district/v1/list?key=K3VBZ-M6WWV-PPSPY-UVGGC-DRM2Z-PGBMV";
    NSURL *URL = [NSURL URLWithString:strURL];
    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:URL];
    NSData *data = [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:nil];
    NSDictionary *dic = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:nil];
    //數(shù)據(jù)源數(shù)組:
    self.dataSourceProvinceArray = [NSMutableArray array];
    NSArray *arr = [dic valueForKey:@"result"];
    for (NSDictionary *dic in arr[0])
    {
        ProvinceModel *model = [[ProvinceModel alloc] init];
        [model setValuesForKeysWithDictionary:dic];
        NSLog(@"%@ * %@", model.fullname, model.id);
        [self.dataSourceProvinceArray addObject:model];
        [model release];
    }
    //collectionView的數(shù)據(jù)刷新
}

• getData這個方法里是網(wǎng)絡請求數(shù)據(jù)的解析省份數(shù)據(jù)信息

- (void)getcityDataById:(NSString *)proID
{
    NSString *urlString = [NSString stringWithFormat:@"http://apis.map.qq.com/ws/district/v1/getchildren?&id=%@&key=K3VBZ-M6WWV-PPSPY-UVGGC-DRM2Z-PGBMV", proID];
    NSURL *URL = [NSURL URLWithString:urlString];
    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:URL];
    NSData *data = [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:nil];
    NSDictionary *dic = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:nil];
    
    NSArray *allArray = [dic objectForKey:@"result"];
    NSArray *array = [allArray objectAtIndex:0];
    //遍歷當前數(shù)組給madel賦值
    self.dataSourceCityArray = [NSMutableArray array];
    for (NSDictionary *diction in array)
    {
        CityModel *model = [[CityModel alloc] init];
        [model setValuesForKeysWithDictionary:diction];
        [self.dataSourceCityArray addObject:model];
        [model release];
    }
    //請求市后 刷新tableView
    [self.cityTableView reloadData];
}

• getcityDataById:這個方法里是網(wǎng)絡請求數(shù)據(jù)的解析市數(shù)據(jù)信息

- (void)getZoneDatabyId:(NSString *)cityID
{
    NSString *urlString = [NSString stringWithFormat:@"http://apis.map.qq.com/ws/district/v1/getchildren?&id=%@&key=K3VBZ-M6WWV-PPSPY-UVGGC-DRM2Z-PGBMV", cityID];
    NSURL *URL = [NSURL URLWithString:urlString];
    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:URL];
    NSData *data = [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:nil];
    NSDictionary *dic = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:nil];
    
    NSArray *allArray = [dic objectForKey:@"result"];
    NSArray *array = [allArray objectAtIndex:0];
    //遍歷當前數(shù)組給madel賦值
    self.dataSourceZoneArray = [NSMutableArray array];
    for (NSDictionary *diction in array)
    {
        ZoneModel *model = [[ZoneModel alloc] init];
        [model setValuesForKeysWithDictionary:diction];
        [self.dataSourceZoneArray addObject:model];
        [model release];
    }
    //請求區(qū)后 刷新tableView
    [self.zoneTableView reloadData];
}

• getZoneDatabyId:這個方法里是網(wǎng)絡請求數(shù)據(jù)的解析區(qū)/街道數(shù)據(jù)信息

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //設置省坐標為-1
    self.currentProvinceIndex = -1;
    
    //解析數(shù)據(jù):
    [self getData];
    
    //初始化瀑布流flowLayout:
    UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init];
    flowLayout.itemSize = CGSizeMake(100, 50);
    flowLayout.minimumInteritemSpacing = 10;
    flowLayout.minimumLineSpacing = 10;
    flowLayout.sectionInset = UIEdgeInsetsMake(5, 5, 5, 5);
    flowLayout.scrollDirection = UICollectionViewScrollDirectionVertical;
    
    //初始化collectionView
    self.collectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 20, self.view.frame.size.width, 300) collectionViewLayout:flowLayout];
    
    self.collectionView.delegate = self;
    self.collectionView.dataSource = self;
    
    self.collectionView.backgroundColor = [UIColor whiteColor];
    [self.view addSubview:_collectionView];
    [_collectionView release];
    
    //注冊collectionView的cell
    [self.collectionView registerClass:[ProvinceCell class] forCellWithReuseIdentifier:@"proCell"];
    
    //初始化市視圖
    self.cityTableView = [[UITableView alloc] initWithFrame:CGRectMake(0, _collectionView.frame.origin.y + _collectionView.frame.size.height, self.view.frame.size.width / 2.0, self.view.frame.size.height - 20 - _collectionView.frame.size.height) style:UITableViewStylePlain];
    self.cityTableView.delegate = self;
    self.cityTableView.dataSource = self;
    [self.view addSubview:_cityTableView];
    [_cityTableView release];
    //注冊市tableView的cell
    [self.cityTableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cityCell"];
    
    
    //初始化區(qū)視圖
    self.zoneTableView = [[UITableView alloc] initWithFrame:CGRectMake(self.view.frame.size.width / 2.0,  _collectionView.frame.origin.y + _collectionView.frame.size.height,  self.view.frame.size.width / 2.0, self.view.frame.size.height - 20 - _collectionView.frame.size.height) style:UITableViewStylePlain];
    self.zoneTableView.delegate = self;
    self.zoneTableView.dataSource = self;
    [self.view addSubview:_zoneTableView];
    [_zoneTableView release];
    //注冊區(qū)tableView的cell
    [self.zoneTableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"zoneCell"];

}

• 下面是表視圖和集合視圖的一些代理方法:

//--------------------------省collecctionView的代理方法--------------------------//
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return self.dataSourceProvinceArray.count;
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    ProvinceCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"proCell" forIndexPath:indexPath];
    //設置cell顯示內(nèi)容
    ProvinceModel *model = [self.dataSourceProvinceArray objectAtIndex:indexPath.row];
    cell.proNameLabel.text = model.fullname;
    return cell;
}

//item的點擊方法
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath
{
    //判斷當前省是否正在選中
    if (self.currentProvinceIndex != indexPath.row)
    {
        //獲取當前省的model:
        ProvinceModel *model = [self.dataSourceProvinceArray objectAtIndex:indexPath.item];
        [self getcityDataById:model.id];
        //清空區(qū)的數(shù)組并更新
        [self.dataSourceZoneArray removeAllObjects];
        [self.zoneTableView reloadData];
        
        self.currentProvinceIndex = indexPath.row;
    }
}

//--------------------------城市tableView的代理方法--------------------------//
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    if (tableView == _cityTableView)
    {
        return self.dataSourceCityArray.count;
    }
    else
    {
        return self.dataSourceZoneArray.count;
    }
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (tableView == _cityTableView)
    {
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cityCell"];
        CityModel *model = [self.dataSourceCityArray objectAtIndex:indexPath.row];
        cell.textLabel.text = model.fullname;
        return cell;
    }
    else
    {
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"zoneCell"];
        ZoneModel *model = [self.dataSourceZoneArray objectAtIndex:indexPath.row];
        cell.textLabel.text = model.fullname;
        return cell;
    }
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (tableView == _cityTableView)
    {
        CityModel *model = [self.dataSourceCityArray objectAtIndex:indexPath.row];
        [self getZoneDatabyId:model.id];
    }
}

ProvinceCell.h

這里面只有一個屬性

@property(nonatomic, retain)UILabel *proNameLabel;

ProvinceCell.m

- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self)
    {
        self.proNameLabel = [[UILabel alloc] init];
        self.proNameLabel.textAlignment = NSTextAlignmentCenter;
        self.proNameLabel.layer.borderWidth = 0.5;
        self.proNameLabel.layer.cornerRadius = 5;
        self.proNameLabel.font = [UIFont systemFontOfSize:12];
        [self.contentView addSubview:_proNameLabel];
        [_proNameLabel release];
    }
    return self;
}

//設置空間坐標frame
- (void)layoutSubviews
{
    [super layoutSubviews];
    
    self.proNameLabel.frame = self.bounds;
}

CityModel.h

@property(nonatomic, copy)NSString *fullname;
@property(nonatomic, copy)NSString *name;
@property(nonatomic, copy)NSString *id;

CityModel.m 和 ZoneModel.m

Model我們都只寫一個容錯方法就可以

- (void)setValue:(id)value forUndefinedKey:(NSString *)key{}

ZoneModel.h

@property(nonatomic, copy)NSString *fullname;
@property(nonatomic, copy)NSString *name;
@property(nonatomic, copy)NSString *id;

大功告成了, 小伙伴們是不是感覺真神奇! 中國那么大, 我想去看看! 要想去看看, 給個好評先!