• iOS:城市级联列表的使用


    1、介绍:

    现在越来越多的项目都用到了地址,尤其是电商O2O的购物平台,我之前做的教育产品和电商产品都用到了,而实现地址的设置用到的技术就是城市级联列表,即普遍的做法就是自定义选择器控件UIPickerView,然后从本地整理的城市plist文件获取省份、城市、县镇三级级联。现在整理一下,分享给大家。

    2、效果图如下:

     

    3、用法:

    (1)导入本地城市级联文件:provincecity.plist.zip

    (2)导入DDMeZonePickerView.h头文件,在控制器通过[UIView Animation]的动画控制创建的DDMeZonePickerView视图对象的frame让其显示或隐藏即可,被选择的城市然后通过block进行回传。

    4、废话不多说,实现代码如下:

    DDMeZonePickerView.h

    //  DDMeZonePickerView.h
    //  BiaoJiePay
    //
    //  Created by 夏远全 on 16/11/19.
    //  Copyright © 2016年 广州东德科技. All rights reserved.
    //
    
    #import <UIKit/UIKit.h>
    
    /**
     *  声明block
     */
    typedef void (^adressBlock)(NSString *adress);
    
    @interface DDMeZonePickerView : UIView
    /**
     *  定义block属性
     */
    @property (copy,nonatomic)adressBlock adressBlock;
    /**
     *  传递地址
     */
    -(void)chooseAdressBlock:(adressBlock)adressBlock;
    
    @end

    DDMeZonePickerView.m

    //
    //  DDMeZonePickerView.m
    //  BiaoJiePay
    //
    //  Created by 夏远全 on 16/11/19.
    //  Copyright © 2016年 广州东德科技. All rights reserved.
    //
    
    #import "DDMeZonePickerView.h"
    
    @interface DDMeZonePickerView ()<UIPickerViewDataSource,UIPickerViewDelegate>
    
    /** picker选择器*/
    @property (strong, nonatomic)UIPickerView *customPicker;
    /**
     *  原始省份数组
     */
    @property (strong, nonatomic)NSArray *provinceArray;
    /**
     *  原始城市数组
     */
    @property (strong, nonatomic)NSArray *cityArray;
    /**
     *  原始区镇数组
     */
    @property (strong, nonatomic)NSArray *townArray;
    /**
     *  选择省份字典
     */
    @property (strong, nonatomic)NSDictionary *selectedProvinceDic;
    /**
     *  选择城市字典
     */
    @property (strong, nonatomic)NSDictionary *selectedCityDic;
    /**
     *  确认
     */
    @property (strong,nonatomic)UIButton *sureButton;
    /**
     *  取消
     */
    @property (strong,nonatomic)UIButton *cancelButton;
    
    @end
    
    @implementation DDMeZonePickerView
    /**
     *  懒加载
     */
    -(UIPickerView *)customPicker{
        if (!_customPicker) {
            _customPicker = [[UIPickerView alloc]init];
            _customPicker.dataSource = self;
            _customPicker.delegate = self;
            _customPicker.backgroundColor = XYQColor(153, 153, 153);
        }
        return _customPicker;
    }
    -(NSArray *)provinceArray{
        if (!_provinceArray) {
            _provinceArray = [NSArray array];
        }
        return _provinceArray;
    }
    -(NSArray *)cityArray{
        if (!_cityArray) {
            _cityArray = [NSArray array];
        }
        return _cityArray;
    }
    -(NSArray *)townArray{
        if (!_townArray) {
            _townArray = [NSArray array];
        }
        return _townArray;
    }
    -(NSDictionary *)selectedProvinceDic{
        if (!_selectedProvinceDic) {
            _selectedProvinceDic = [NSDictionary dictionary];
        }
        return _selectedProvinceDic;
    }
    -(NSDictionary *)selectedCityDic{
        if (!_selectedCityDic) {
            _selectedCityDic = [NSDictionary dictionary];
        }
        return _selectedCityDic;
    }
    
    /**
     *  初始化
     */
    -(instancetype)initWithFrame:(CGRect)frame{
        self = [super initWithFrame:frame];
        if (self) {
            [self getPickerData];
            self.customPicker.frame = CGRectMake(0, 0, SCREEN_WIDTH, frame.size.height);
            [self addSubview:self.customPicker];
        }
        return self;
    }
    
    /**
     *  从本地文件获取数据
     */
    - (void)getPickerData{
        
        NSString *path = [[NSBundle mainBundle] pathForResource:@"provincecity" ofType:@"plist"];
        self.provinceArray = [NSArray arrayWithContentsOfFile:path]; //所有的省份
        
        self.selectedProvinceDic = self.provinceArray[0];
        self.cityArray = [self.selectedProvinceDic objectForKey:@"city"];//所有的城市
        
        self.selectedCityDic = self.cityArray[0];
        self.townArray = [self.selectedCityDic objectForKey:@"area"];//所有的区/县
    }
    
    #pragma mark UIPickerViewDataSource
    //设置有多少列
    -(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{
        return 3;
    }
    
    //设置每列多少行
    -(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
    {
        if (component == 0) {
            return self.provinceArray.count;
        } else if (component == 1) {
            return self.cityArray.count;
        } else {
            return self.townArray.count;
        }
    }
    
    #pragma mark - UIPickerViewDelegate
    //自定义字体大小
    - (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
    {
        
        UILabel *myView = nil;
        if (component == 0) {
            myView = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 0.0, 100, 30)] ;
            myView.text = [[self.provinceArray objectAtIndex:row] objectForKey:@"name"];
            
        }else if(component == 1){
            myView = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 0.0, (SCREEN_WIDTH-100)/2, 30)];
            myView.text = [[self.cityArray objectAtIndex:row] objectForKey:@"name"];
            
        }else{
            myView = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 0.0, (SCREEN_WIDTH-100)/2-30, 30)];
            myView.text = [[self.townArray objectAtIndex:row] objectForKey:@"name"];
        }
        myView.textAlignment = NSTextAlignmentCenter;
        myView.font = [UIFont systemFontOfSize:17]; //用label来设置字体大小
        myView.backgroundColor = [UIColor whiteColor];
        
        return myView;
    }
    
    //设置宽度
    - (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component
    {
        return SCREEN_WIDTH/3;
    }
    
    
    //返回行高
    - (CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component
    {
        return 39;
    }
    
    //通过代理方法didSelectRows获取数据
    - (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
        
        if (component == 0) {
            
            //获取省份选中行
            self.selectedProvinceDic = self.provinceArray[row];
            self.cityArray = [self.selectedProvinceDic objectForKey:@"city"];//所有的城市
            self.selectedCityDic = self.cityArray[0];
            self.townArray = [self.selectedCityDic objectForKey:@"area"];//所有的区/县
            [pickerView reloadComponent:1];
            [pickerView reloadComponent:2];
            
        }
        if (component == 1) {
            
            //获取城市选中行
            NSInteger cityselectedRow = [pickerView selectedRowInComponent:1];
            self.selectedCityDic = self.cityArray[cityselectedRow];
            self.townArray = [self.selectedCityDic objectForKey:@"area"];//所有的区/县
            [pickerView reloadComponent:2];
        }
        
        //获取选中的省
        NSString *provice = [NSString stringWithFormat:@"%@",[[self.provinceArray objectAtIndex:[pickerView selectedRowInComponent:0]] objectForKey:@"name"]];
        //获取选中的市
        NSString *city = [NSString stringWithFormat:@"%@",[[self.cityArray objectAtIndex:[pickerView selectedRowInComponent:1]] objectForKey:@"name"]];
        //获取选中的县
        NSString *town = [NSString stringWithFormat:@"%@",[[self.townArray objectAtIndex:[pickerView selectedRowInComponent:2]] objectForKey:@"name"]];
        
        //赋值
        NSString *adressText = [NSString stringWithFormat:@"%@%@%@",provice,city,town];
        self.adressBlock(adressText);
    }
    
    /**
     *  地址传值
     */
    -(void)chooseAdressBlock:(void (^)(NSString *))adressBlock{
        if (adressBlock) {
            self.adressBlock = [adressBlock copy];
        }
    }@end

    在ViewController.h懒加载选择器调用block取值:

    /**
     *  选择器
     */
    -(DDMeZonePickerView *)zonePickerView{
        if (!_zonePickerView) {
            _zonePickerView = [[DDMeZonePickerView alloc]initWithFrame:CGRectMake(0, SCREEN_HEIGHT, SCREEN_WIDTH, 240)];
            [_zonePickerView chooseAdressBlock:^(NSString *adress) {
                self.updateField.text = adress;
            }];
        }
        return _zonePickerView;
    }

    本人原创,欢迎大家分享,转载需注明出处

  • 相关阅读:
    APP-5-百度电子围栏
    APP-4-百度地图定位
    洗礼灵魂,修炼python(60)--爬虫篇—httplib2模块
    洗礼灵魂,修炼python(59)--爬虫篇—httplib模块
    洗礼灵魂,修炼python(58)--爬虫篇—【转载】urllib3模块
    洗礼灵魂,修炼python(57)--爬虫篇—知识补充—编码之对比不同python版本获取的数据
    洗礼灵魂,修炼python(56)--爬虫篇—知识补充—编码之url编码
    洗礼灵魂,修炼python(55)--爬虫篇—知识补充—RFC 2616 http状态码
    洗礼灵魂,修炼python(54)--爬虫篇—urllib2模块
    洗礼灵魂,修炼python(53)--爬虫篇—urllib模块
  • 原文地址:https://www.cnblogs.com/XYQ-208910/p/6080937.html
Copyright © 2020-2023  润新知