iOS之UIPickview (二)省市区联动

最新推荐文章于 2024-09-05 13:22:53 发布
最新推荐文章于 2024-09-05 13:22:53 发布
阅读量480 收藏
点赞数
分类专栏： iOS/oc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011146511/article/details/73321018
版权

=======省市二级联动=====

 

#import <Foundation/Foundation.h>

 

@interface CZProvince : NSObject

 

/** 省的名称 */

@property (nonatomic,copy) NSString *name;

 

/** 对应的城市数据 */

@property (nonatomic,strong) NSArray *cities;

 

+ (instancetype)provinceWithDict:(NSDictionary *)dict;

 

- (instancetype)initWithDict:(NSDictionary *)dict;

 

 

@end

*********************************

#import "CZProvince.h"

 

@implementation CZProvince

 

- (instancetype)initWithDict:(NSDictionary *)dict

{

    self = [superinit];

    if (self) {

        [selfsetValuesForKeysWithDictionary:dict];

    }

    returnself;

}

 

+ (instancetype)provinceWithDict:(NSDictionary *)dict {

 

    return [[selfalloc] initWithDict:dict];

}

**************************

 

#import <UIKit/UIKit.h>

 

@interface ViewController : UIViewController

 

 

@end

 

 

 

 

*****************

 

#import "ViewController.h"

#import "CZProvince.h"

 

@interface ViewController () <UIPickerViewDelegate,UIPickerViewDataSource>

 

 

@property (weak,nonatomic) IBOutletUIPickerView *pickerView;

@property (weak,nonatomic) IBOutletUILabel *provinceLbl;

@property (weak,nonatomic) IBOutletUILabel *cityLbl;

 

 

 

 

// 省模型的数组

@property (nonatomic,strong) NSArray *provinces;

 

// 保存上一次显示或选中的省

@property (nonatomic,strong) CZProvince *selPro;

 

@end

 

@implementation ViewController

 

- (void)viewDidLoad {

    [superviewDidLoad];

 

    // 设置数据源.代理对象

    self.pickerView.dataSource =self;

    self.pickerView.delegate =self;

    

    // 设置默认的选中

    [selfpickerView:self.pickerViewdidSelectRow:0 inComponent:0];

}

 

 

#pragma mark - 代理方法

//在label上显示

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {

    

    // 如果滚动的是第0列,要刷新第1列城市数据

    if (component == 0) {

        [pickerView reloadComponent:1];

        // 选中第1列第0行

        [pickerView selectRow:0inComponent:1 animated:YES];

    }

 

    // 获取省的名称获取市的名称

    // 得获取pickerView第0列的选中行第1列的选中行

    NSInteger selProIdx = [pickerViewselectedRowInComponent:0];

    NSInteger selCityIdx = [pickerViewselectedRowInComponent:1];

    

    // 设置省

    CZProvince *selPro =self.provinces[selProIdx];

    self.provinceLbl.text = selPro.name;

    

    // 设置市

//    self.cityLbl.text = selPro.cities[selCityIdx];

    self.cityLbl.text =self.selPro.cities[selCityIdx];//注意用保存的省得模型去赋值

    

}

 

// 返回显示的内容

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component {

    

    NSLog(@"titleForRow");

    

    // 如果是第0列,直接返回省的名称

    if (component == 0) {

        CZProvince *pro =self.provinces[row];

        return pro.name;

    } else {

    

//        // 如果是第1列,根据省确定市的数据

//        NSInteger selProIdx = [pickerView selectedRowInComponent:0];

//        CZProvince *selPro = self.provinces[selProIdx];//获取省得模型

//        

//        // 城市的数组

//        NSArray *cities = selPro.cities;

//        

//        // 返回内容

//        return cities[row];

        

        returnself.selPro.cities[row];

        

    }

}

 

 

#pragma mark - 数据源方法

// 返回组的数量

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {

 

    return 2;

}

 

// 返回每一组有多少行

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {

 

    // 如果是第0列,行数就是模型数量

    if (component == 0) {

        returnself.provinces.count;

    } else {

 

        // 如果是第1列,根据第0列的省确定城市的数量

        // 1. 获取第0列选中下标

        NSInteger selProIdx = [pickerViewselectedRowInComponent:0];

        

        // 2. 根据下标去获取省模型

        CZProvince *selPro =self.provinces[selProIdx];

        

        

        // 保存选中的省模型

        self.selPro = selPro;

        

        returnself.selPro.cities.count;

    

        

//        // 3. 到模型中获取城市数量

//        return selPro.cities.count;

    

    }

}

 

 

#pragma mark - 懒加载

- (NSArray *)provinces {

 

    if (_provinces ==nil) {

        

        // 获取文件路径转为字典数组

        NSArray *dictArr = [NSArrayarrayWithContentsOfFile:[[NSBundlemainBundle] pathForResource:@"02cities.plist"ofType:nil]];

        

        // 遍历数组转为模型数组

//        for (<#initialization#>; <#condition#>; <#increment#>) {

//            <#statements#>

//        }

 

//        for (<#type *object#> in <#collection#>) {

//            <#statements#>

//        }

//        for (id obj in dictArr) {

//            NSDictionary *dict = (NSDictionary *)obj;

//            CZProvince *pro = [CZProvince provinceWithDict:dict];

//        }

        

        // 通过block遍历

        // 临时数组保存所有的模型

        NSMutableArray *tempArrM = [NSMutableArrayarrayWithCapacity:dictArr.count];

        [dictArr enumerateObjectsUsingBlock:^(NSDictionary *_Nonnull obj,NSUInteger idx, BOOL *_Nonnull stop) {

            

            CZProvince *province = [CZProvinceprovinceWithDict:obj];

            [tempArrM addObject:province];

            

        }];

        

        _provinces = tempArrM;

        

    }

 

    return_provinces;

}

 

 

=======================省市区三级联动======================

//省市模型

#import <Foundation/Foundation.h>

@interface LYProvinceModel : NSObject
@property(nonatomic,copy)NSString *state;//省直辖市名
@property(nonatomic,strong)NSArray *cities;//城市数组
@end

********
#import "LYProvinceModel.h"
#import "MJExtension.h"
#import "LYHomeCityModal.h"
@implementation LYProvinceModel
+ (NSDictionary *)objectClassInArray
{
    return @{@"cities" : [LYHomeCityModal class]};
    
}
@end

*********
//市模型

#import <Foundation/Foundation.h>

@interface LYHomeCityModal : NSObject
@property(nonatomic,copy)NSString *city;//城市名
@property(nonatomic,strong)NSArray *areas;//县区的数组
@end

*******
#import "LYHomeCityModal.h"

@implementation LYHomeCityModal

@end

********
/**
 省市区三级联动
 使用：
 LYBPickviewWithProvinceAndCityAndareaView *provinceAndCityAndArea=[[LYBPickviewWithProvinceAndCityAndareaView alloc]initWithFrame:CGRectMake(0, HEIGHT/2, WIDTH, HEIGHT/2)];
 //选择省市区后的回调
 [provinceAndCityAndArea setSelectProvinceAndCityAndAreaBlock:^(NSString * _Nonnull province, NSString * _Nonnull city, NSString * _Nonnull area) {
 NSLog(@"省---%@，市---%@，区---%@",province,city,area);
 }];
 [self.view addSubview:provinceAndCityAndArea];
 */
#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@interface LYBPickviewWithProvinceAndCityAndareaView : UIView
/**
 选中省市区后的回调
 */
@property(nonatomic,copy)void (^selectProvinceAndCityAndAreaBlock)(NSString *province,NSString *city,NSString *area);
@end

NS_ASSUME_NONNULL_END

*********
/**
 省市区三级联动
 */

#import "LYBPickviewWithProvinceAndCityAndareaView.h"
#import "LYHomeCityModal.h"
#import "LYProvinceModel.h"
#import "MJExtension.h"
#define WIDTH [UIScreen mainScreen].bounds.size.width
#define HEIGHT [UIScreen mainScreen].bounds.size.height
@interface LYBPickviewWithProvinceAndCityAndareaView()<UIPickerViewDelegate,UIPickerViewDataSource>
@property(nonatomic,strong)LYProvinceModel *provinceModal;
@property(nonatomic,strong) LYHomeCityModal *citymodal;
@property(nonatomic,strong)UIPickerView *pickview;
@property(nonatomic,strong)NSArray *provinceArr;//模型数组
@property(nonatomic,strong)UIView *bgv;
@property(nonatomic,copy)NSString *selectProvince;//选中的省
@property(nonatomic,copy)NSString *selectCity;// 选中的地级市
@property(nonatomic,copy)NSString *selectArea;//选中的区县
@end
@implementation LYBPickviewWithProvinceAndCityAndareaView
-(instancetype)initWithFrame:(CGRect)frame{
    if(self=[super initWithFrame:frame]){
        [self surePronvinceAndCityAndZoneWithFrame:frame];
    }
    return self;
}

-(NSArray *)provinceArr{
    if(nil==_provinceArr){
        _provinceArr=[[NSArray alloc]init];
    }
    return _provinceArr;
}
//解析plist文件
-(void)parsePlistFile{
    //        NSString *path=[[NSBundle mainBundle]pathForResource:@"shengshiquxianarea.plist" ofType:nil];
    //        NSArray *arr=[NSArray arrayWithContentsOfFile:path];

    //    NSLog(@"plist---arr---%@",arr);
    NSArray *modalArr=[LYProvinceModel mj_objectArrayWithFilename:@"shengshiquxianarea.plist"];//字典转模型

    self.provinceArr=modalArr;

}
//确定省市区编码
-(void)surePronvinceAndCityAndZoneWithFrame:(CGRect)frame{
    [self parsePlistFile];//解析plist文件
    if(self.provinceArr &&[self.provinceArr count]>0){
        if(!self.bgv){
       self.bgv=[[UIView alloc]initWithFrame:CGRectMake(0, 0, WIDTH, HEIGHT/2)];//
        }
        self.bgv.backgroundColor=[UIColor colorWithWhite:0.9 alpha:1];

        [self addSubview:self.bgv];
        UIPickerView *pickview=[[UIPickerView alloc]initWithFrame:CGRectMake(0, 30, WIDTH, HEIGHT/2-30)];
        pickview.backgroundColor=[UIColor colorWithWhite:0.9 alpha:1];
        [self.bgv addSubview:pickview];
        pickview.delegate=self;
        pickview.dataSource=self;
        self.pickview=pickview;

        UIButton *cancelbtn=[[UIButton alloc]initWithFrame:CGRectMake(WIDTH-140, 0, 60, 30)];
        [cancelbtn setTitleColor:[UIColor colorWithRed:39.0/255 green:131.0/255 blue:207.0/255 alpha:1] forState:UIControlStateNormal];
        [cancelbtn setTitle:@"取消" forState:UIControlStateNormal];
        [self.bgv addSubview:cancelbtn];
        [cancelbtn addTarget:self action:@selector(cancelClick) forControlEvents:UIControlEventTouchDown];

        UIButton *surebtn=[[UIButton alloc]initWithFrame:CGRectMake(WIDTH-70, 0, 60, 30)];
        [surebtn setTitle:@"确定" forState:UIControlStateNormal];
        [self.bgv addSubview:surebtn];
        [surebtn setTitleColor:[UIColor colorWithRed:39.0/255 green:131.0/255 blue:207.0/255 alpha:1] forState:UIControlStateNormal];
        [surebtn addTarget:self action:@selector(sureClick) forControlEvents:UIControlEventTouchDown];

        // 设置默认的选中
        [self pickerView:self.pickview didSelectRow:0 inComponent:0];
       //获取默认的省市区
        if(self.provinceArr.count>0){
            LYProvinceModel *provincemodel=self.provinceArr[0];
            self.selectProvince=provincemodel.state;
        if(provincemodel.cities.count>0){
            LYHomeCityModal *cityMode=provincemodel.cities[0];
            self.selectCity=cityMode.city;
            NSArray *areas=cityMode.areas;
            if(areas.count>0){
                self.selectArea=areas[0];
            }else {
                    self.selectArea=@"";
            }
        }else{
                    self.selectCity=@"";
        }
      }

    }
}

-(void)cancelClick{
    NSLog(@"点击执行");

    CGRect frame=self.bgv.frame;
    frame.origin.y=HEIGHT;
    self.bgv.frame=frame;

    self.bgv.alpha=0;
}
-(void)sureClick{

    CGRect frame=self.bgv.frame;
    frame.origin.y=HEIGHT;
    self.bgv.frame=frame;

    self.bgv.alpha=0;
    //调用block吧省市区传给调用的页面
self.selectProvinceAndCityAndAreaBlock(self.selectProvince?self.selectProvince:@"", self.selectCity?self.selectCity:@"", self.selectArea?self.selectArea:@"");
}
#pragma mark - 代理方法
//选中一行
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {

    if(self.provinceArr && [self.provinceArr count]>0){
        if(component==0){
            NSInteger provincenum = [pickerView selectedRowInComponent:0];//第1列选中的行--省

            LYProvinceModel *provincemodal  =self.provinceArr[provincenum];
            self.provinceModal=provincemodal;
            self.selectProvince=provincemodal.state;//选中的省名
            if(provincemodal.cities.count>0){
                LYHomeCityModal *cityMode=provincemodal.cities[0];
                self.selectCity=cityMode.city;//选中的地级市名
                NSArray *areas=cityMode.areas;
                if(areas.count>0){
                    self.selectArea=areas[0];//选中的区县名
                }else {
                    self.selectArea=@"";
                }
            }
            // 如果滚动的是第0列,要刷新第1列城市数据
            [pickerView reloadComponent:1];

            // 选中第1列第0行
            [pickerView selectRow:0 inComponent:1 animated:YES];

            if(self.provinceModal.cities[0]){//选择省的时候刷新完市，再刷新区
                // 如果滚动的是第1列,要刷新第2列城市数据
                [pickerView reloadComponent:2];
                // 选中第2列第0行
                [pickerView selectRow:0 inComponent:2 animated:YES];

            }


        }else if(component==1){
            LYProvinceModel *provincemodal=self.provinceModal;
            NSInteger citynum = [pickerView selectedRowInComponent:1];//第2列选中的行--市
            LYHomeCityModal *citymodal=provincemodal.cities[citynum];
            self.selectCity=citymodal.city;//选中的城市名
            NSArray *areas=citymodal.areas;
            if(areas.count>0){
                self.selectArea=areas[0];//选中的区县名
            }else {
                self.selectArea=@"";
            }
        if(citymodal.areas.count!=0){//如果第三列有数据才刷新
            // 如果滚动的是第1列,要刷新第2列城市数据
            [pickerView reloadComponent:2];
            // 选中第2列第0行
            [pickerView selectRow:0 inComponent:2 animated:YES];
            }
        }else if(component==2){
            NSInteger zonenum = [pickerView selectedRowInComponent:2];//第3列选中的行--区
            LYHomeCityModal *citymodal=self.citymodal;
            if(citymodal.areas.count>zonenum){
                self.selectArea=citymodal.areas[zonenum];//选中的区县
            }


        }


    }
}

//-返回每一行的内容自定义的显示，可以自己设置字体大小字体颜色
-(UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view{

    UIView *v=[[UIView alloc]initWithFrame:CGRectMake(0, 0, WIDTH/3-20,30)];
    UILabel *lbl=[[UILabel alloc]initWithFrame:CGRectMake(20, 0, WIDTH/3-20,30)];
    [v addSubview:lbl];
    lbl.font=[UIFont systemFontOfSize:15];

    if(component==0){
        LYProvinceModel *provinceModal=self.provinceArr[row];
        lbl.text=provinceModal.state;


    }else if(component==1){
        LYProvinceModel *provinceModal=self.provinceModal;
        LYHomeCityModal *citymodal=provinceModal.cities[row];
        lbl.text=citymodal.city;


    }else if(component==2){

        LYHomeCityModal *citymodal=self.citymodal;
        lbl.text=citymodal.areas[row];

    }


    return v;
}

#pragma mark - 数据源方法
// 返回有多少列"组"
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {

    return 3;

}

// 返回每一组有多少行
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {
    if(component==0){//省
        return self.provinceArr.count;
    }else if(component==1){//市
        NSInteger provincenum = [pickerView selectedRowInComponent:0];//第1列选中的行

        // 2. 根据下标去获取省模型
        LYProvinceModel *provinceModal = self.provinceArr[provincenum];
        self.provinceModal=provinceModal;//保存选中的省模型
        return provinceModal.cities.count;
    }else if(component==2){//区
        NSInteger citynum = [pickerView selectedRowInComponent:1];//第2列选中的行
//        NSLog(@"--区---%tu",citynum);
        LYProvinceModel *provinceModal=self.provinceModal;
        LYHomeCityModal *citymodal=provinceModal.cities[citynum];//选中的市模型
        self.citymodal=citymodal;//保存市模型
        NSArray *zoneArr=citymodal.areas;
//        NSLog(@"--zonearr--%tu",zoneArr.count);
        return zoneArr.count;
    }

    // 返回行数
    return 10;
}

 返回每一行显示的内容---用了上面自定义的view，这里系统的方法注释掉了
//- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component {
//    if(component==0){
//     LYHomeProvinceModal *provinceModal=self.provinceArr[row];
//    return provinceModal.state;
//
//    }else if(component==1){
//        LYHomeProvinceModal *provinceModal=self.provinceModal;
//        LYHomeCityModal *citymodal=provinceModal.cities[row];
//        return citymodal.city;
//
//    }else if(component==2){
//
//        LYHomeCityModal *citymodal=self.citymodal;
//        return citymodal.areas[row];
//    }
//    return @"安徽";
//}
@end

 

liyubao160
关注
专栏目录
UIPickerView实现两级联动
comma的博客
04-20 1627
黑马程序员UI进阶教程第一天案例（省市名称的选择和显示）总结 该案例主要实现省市的显示和选择，当左侧省变化之后，右侧相应的市的名称也相应变化，并且将选择结果显示在两个文本框中。主要的实现思路如下： 绘制界面，导入素材，字典转模型，懒加载 实现pickerView的数据源方法和代理方法，使数据显示出来 在pickerView的代理方法-(void)pickerView:(UIPick...
iOS 利用UIPickerView 实现 省市区 联动 swift
weixin_43259805的博客
03-24 2385
效果图 直接上代码 class Test1ViewController: BaseViewController,UIPickerViewDelegate,UIPickerViewDataSource { var provinceRow = 0 var cityRow = 0 var areaRow = 0 var province = "" var city = "" var area = "" lazy var dat
IOS 省市区三级联动
10-25
IOS 省市区三级联动demo
实现iOS城市三级联动PickerView的指南
最新发布
weixin_29885875的博客
09-05 1224
本文还有配套的精品资源，点击获取 简介：在iOS开发中，通过PickerView实现城市三级联动列表涉及获取网络JSON数据、解析JSON、本地存储数据以及设置PickerView的数据源和代理。本指南将介绍关键步骤，如网络数据获取、JSON解析、本地数据存储策略和PickerView联动交互逻辑，以及如何优化用户体验和性能。 1. JSON数据获取与解析 ...
ios省市区三级联动
07-10
iOS实现收货地址省市区三级联动功能，使用的是UIPickerView实现的。可以拿来直接使用。
iOS/swift之UIPickView
代码解释生活
01-10 440
1.********************UIPickView**************** /** UIPickView、省市区 需要注意的问题：同时滑动两列崩溃，解决办法：判断后执行 使用： let provincepick = LYBUIPickView.init(frame: CGRect(x: 10, y: 0, width: WIDTH, height: 30...
IOS省市区三级联动,地区plist文件
06-23
在iOS开发中，"省市区三级联动"是一个常见的功能需求，尤其在地址选择、物流配送等场景中。这个功能涉及到用户界面（UI）设计、数据处理以及用户交互等多个方面。标题提到的“地区plist文件”是实现这一功能的关键...
IOS中国省市区三级联动选择
11-30
在iOS开发中，"IOS中国省市区三级联动选择"是一个常见的功能需求，特别是在涉及用户地址输入或者定位服务的场景中。这个功能的核心在于实现省份、城市、区县三个层级的数据联动，即用户在选择一个省份时，城市列表会...
iOS省市二级联动的数据组织PHP版
09-01
在iOS应用开发中，"省市二级联动"是一个常见的功能，特别是在需要用户选择所在地区时，如填写收货地址、设置银行支行等。这种联动选择通常使用`UIPickerView`来实现，因为它能提供滚动选择的界面，易于用户操作。...
ios-省市区选择（三级联动）.zip
07-11
简单的封装地区的plist文件形成三级联动的省市区的地区选择器
ios-省市区选择器（UIPickerView）.zip
07-11
我自己写的一个省市区选择UIPickerView，还没经过严格测试，可能存在bug,有问题请给我留言，我会第一时间处理的，谢谢！
ios UIPickerView 中国省市区选择器
11-06
利用ios UIPickerView 封装的一个选择器类，可以实现选择中国地省市县区等！
UIPickerView 城市两级选择
03-24
一个选择城市的PickerView，自定义封装View，在工程里可调用。
ios-仿京东 列表选择城市列表 自带三级联动城市数据.zip
07-11
仿京东 列表选择城市列表 自带三级联动城市数据
iOS编程之UIPickerView
weixin_30794851的博客
08-12 116
初始化 _pickerView = [[UIPickerViewalloc]init]; _pickerView.center =self.view.center; [self.viewaddSubview:_pickerView]; 添加数据 <UIPickerViewDataSource> _...
UIPickView
qq_41307685的博客
04-25 140
1. 效果图:我们今天要做的就是这样的一个效果 而这个控件一般是用在用户填写个人信息(生日, 所属地)等等 其实这个控件和我们的UITableView差不多 也是需要设置数据源, 代理 2. 步骤:2.1. 拖控件2.2. 连线, 写代码在此之前, 我们先介绍一下, 这个UIPlickView的数据源方法, 以及代理方法 : 2.3遵守协议&lt;UIPickerViewDataSo...
UIPickVIew
骁驰的技术和产品专栏
04-17 634
代码中讲解了pickerView的属性、数据源和相关常用的代理方法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值