一、简介

该文主要实现的是省市区的选择,可在个人修改地址的地方使用。

二、需要的东西

  制作这个首先需要一个area.plist文件,该文件中保存这所有的关于省市区的信息,下载地址:http://pan.baidu.com/s/1qWFPf8g

三、制作原理

  通过一个UIPickerView来显示,将UIPickerView分成三部分,省、市、区。进而加载数据。

四、实现效果

  图片展示:

五、具体实现步骤:

1、首先,新建一个Single View APplication,然后在Storyboard中添加一个UIpicker View

2、实现UIPicker View的代理方法  --这里的数据是暂时的,还没添加数据

#pragma mark - UIPickerViewDelegate

/**

 *返回每一列的数据个数

 */

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

{

    if(component==)

    {

           return ;

    }else if (component==)

    {

        return ;

    }else

    {

        return ;

    }

}

/**

 *返回pickerView分几列,因为是省市区选择,所以分3列

 */

-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView

{

    return ;

}

/**

 *触发的事件

 */

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

{

    NSLog(@"ss");

}

/**

 *通过自定义view去显示pickerView中的内容,这样做的好处是可以自定义的调整pickerView中显示内容的格式

 */

-(UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view

{

    UILabel *myView = nil;

    myView = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 0.0, , )];

    myView.textAlignment = NSTextAlignmentCenter;

    myView.font = [UIFont systemFontOfSize:];         //用label来设置字体大小

    if (component==) {

        myView.text = @"";

    }else if (component==)

    {

        myView.text = @"";

    }else

    {

        myView.text = @"";

    }

    return myView;

}

3、接下来就是把刚才下载的那个area.plist文件中的数据加入到picker View中

  ①、首先定义三个NSArray。

   

 NSArray *provinceArr,*cityArr,*areaArr;

  ②、先设置provinceArr.cityArr,areaArr.

  provinceArr = [[NSMutableArray alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"area.plist" ofType:nil]];

      cityArr = [[provinceArr objectAtIndex:] objectForKey:@"cities"];

      areaArr = [[cityArr objectAtIndex:] objectForKey:@"areas"];

   默认的province列先显示的第一列,此时刚好让city显示第一列的city,让area显示第一个city的area。

  注:(此处这样设置是因为这个area.plist文件的结构的原因,你可以自己看一下这个plist文件)。

4、此时数据便有了,但是当滚动第一列时,第二列和第三列都没有变化,其实本质上就是在设置pickerView内容的代理方法中设置内容改变。重头戏来了。--修改上面的这个代理方法。  

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

{

    if (component==) {   //当是省的时候

        cityArr = [[provinceArr objectAtIndex:row] objectForKey:@"cities"];

        [pickerView selectRow: inComponent: animated:NO];

        [self.areaPicker reloadComponent:];

        if ([cityArr count]!=) {    

             areaArr = [[cityArr objectAtIndex:] objectForKey:@"areas"];

            [pickerView selectRow: inComponent: animated:NO];

            [self.areaPicker reloadComponent:];

        }

       }

    else if (component==)

    {

        areaArr = [[cityArr objectAtIndex:row] objectForKey:@"areas"];

        [pickerView selectRow: inComponent: animated:NO];

        [self.areaPicker reloadComponent:];

    }

}

 注:不要忘了重新设置每一列的数据个数

 if (component==) {

        return [provinceArr count];

    }else if(component==)

    {

        return [cityArr count];

    }else

    {

        return [areaArr count];

    }

5、附加:

  

获取三列的内容

  province= [[provinceArr objectAtIndex:[self.areaPicker selectedRowInComponent:]] objectForKey:@"state"];  //获取province

     city=  [[cityArr objectAtIndex:[self.areaPicker selectedRowInComponent:]] objectForKey:@"city"];

    if ([areaArr count]!=) {

         area =  [areaArr objectAtIndex:[self.areaPicker selectedRowInComponent:]];

    }

6、完成,附上源码。(故事版上的设置大家自己设置就行了)

  

//

//  ViewController.m

//  ProvinceCityDownTownChoose

//

//  Created by xiaoguizi on 15/2/9.

//  Copyright (c) 2015年 xiaoguizi. All rights reserved.

//

 ------.m文件------

#import "ViewController.h"

@interface ViewController ()

{

    NSArray *provinceArr,*cityArr,*areaArr;

}

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    provinceArr = [[NSMutableArray alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"area.plist" ofType:nil]];

    cityArr = [[provinceArr objectAtIndex:] objectForKey:@"cities"];

    areaArr = [[cityArr objectAtIndex:] objectForKey:@"areas"];

}

#pragma mark - UIPickerViewDelegate

/**

 *返回每一列的数据个数

 */

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

{

    if (component==) {

        return [provinceArr count];

    }else if(component==)

    {

        return [cityArr count];

    }else

    {

        return [areaArr count];

    }

}

/**

 *返回pickerView分几列,因为是省市区选择,所以分3列

 */

-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView

{

    return ;

}

/**

 *触发的事件

 */

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

{

    if (component==) {

        cityArr = [[provinceArr objectAtIndex:row] objectForKey:@"cities"];

        [pickerView selectRow: inComponent: animated:NO];

        [self.areaPicker reloadComponent:];

        if ([cityArr count]!=) {

            areaArr = [[cityArr objectAtIndex:] objectForKey:@"areas"];

            [pickerView selectRow: inComponent: animated:NO];

            [self.areaPicker reloadComponent:];

        }

    }

    else if (component==)

    {

        areaArr = [[cityArr objectAtIndex:row] objectForKey:@"areas"];

        [pickerView selectRow: inComponent: animated:NO];

        [self.areaPicker reloadComponent:];

    }

}

/**

 *通过自定义view去显示pickerView中的内容,这样做的好处是可以自定义的调整pickerView中显示内容的格式

 */

-(UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view

{

    UILabel *myView = nil;

    myView = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 0.0, , )];

    myView.textAlignment = NSTextAlignmentCenter;

    myView.font = [UIFont systemFontOfSize:];         //用label来设置字体大小

    if (component==) {

        myView.text =[[provinceArr objectAtIndex:row] objectForKey:@"state"];

    }else if (component==)

    {

        myView.text =[[cityArr objectAtIndex:row] objectForKey:@"city"];

    }else

    {

        myView.text =[areaArr objectAtIndex:row];

    }

    return myView;

}

@end

------.h文件------

//

//  ViewController.h

//  ProvinceCityDownTownChoose

//

//  Created by xiaoguizi on 15/2/9.

//  Copyright (c) 2015年 xiaoguizi. All rights reserved.

//

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UIPickerViewDataSource,UIPickerViewDelegate>

@property (weak, nonatomic) IBOutlet UIPickerView *areaPicker;

@end

iOS-省市区选择的实现的更多相关文章

  1. IOS 如何选择delegate、notification、KVO?

    IOS 如何选择delegate.notification.KVO? 博客分类: IOS   前面分别讲了delegate.notification和KVO的实现原理,以及实际使用步骤,我们心中不禁有 ...

  2. iOS解析XML实现省市区选择

    1.具体内容就不再赘述了.直接看关键代码. viewController.h // // ViewController.h // ParseXmlToRealizeChooseCityDemo // ...

  3. iOS 正确选择图片加载方式

    正确选择图片加载方式能够对内存优化起到很大的作用,常见的图片加载方式有下面三种: //方法1 UIImage *imag1 = [UIImage imageNamed:@"image.png ...

  4. IOS 如何选择delegate、notification、KVO?(转)

    前面分别讲了delegate.notification和KVO的实现原理,以及实际使用步骤,我们心中不禁有个疑问,他们的功能比较类似,那么在实际的编程中,如何选择这些方式呢? 在网上看到一个博客上详细 ...

  5. js三级省市区选择

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. IOS 日期选择

    传统方式 一般情况下弹出日期选择的场景是:用户点击UITextField弹出日期选择,关键代码如下: 点击UITextField弹出日期选择 1 2 3 UITextField *textField; ...

  7. OS X升级到10.11后Xcode6.4界面无iOS device选择栏的解决办法

    原来在Xcode6.4项目运行按钮右侧会有一个可以选择设备或模拟器的选择栏,但是升级后没有了.但是Xcode7.0.1打开同样的项目会有显示. 简单找了一下无果后,发现咋Xcode顶部菜单里可以找到切 ...

  8. iOS 载入图片选择imageNamed 方法还是 imageWithContentsOfFile?

    Apple官方的文档为生成一个UIImage对象提供了两种方法: 1. imageNamed,其參数为图片的名字. 2. imageWithContentsOfFile,其參数也是图片文件的路径. 那 ...

  9. iOS 可选择的购物车

    最近看了淘宝的购物车,于是做了一个可选择的购物车模板. 如果有好的建议请提出,带我日后更新.

  10. ios uiimagepickercontroller 选择相册或者拍照上传

    首先需要实现UIImagePickerControllerDelegate 代理 实现其imagePickerController 方法  这里用于选择图片或的拍照回调 //调用相机拍照 或者 图库选 ...

随机推荐

  1. nginx ngx_http_sub_module使用

    ngx_http_sub_module模块是一个过滤器,它修改网站响应内容中的字符串,比如你想把响应内容中的‘iuwai’全部替换成‘aaaaa‘,这个模块已经内置在nginx中,但是默认未安装,需要 ...

  2. unity5.5 ugui使用美术字

    文件转载自:http://www.jianshu.com/p/a4e6d1ca3ca0 项目需要使用美术字加强战斗效果表现,按以往NGUI的使用经验,这个应该很简单,随便Google一下都有数篇技术博 ...

  3. 读vue-0.6-observer.js源码

    实现监听数组方法 var ArrayProxy = Object.create(Array.prototype), methods = ['push','pop','shift','unshift', ...

  4. leetcode — palindrome-number

    import org.lep.leetcode.parseint.IntegerParser; /** * Source : https://oj.leetcode.com/problems/pali ...

  5. C语言第十讲,枚举类型简单说明

    C语言第十讲,枚举类型简单说明 一丶C语言中的枚举类型(ENUM) 在我们实际工作中,或者编写代码中.我们有的时候会用固定的值.而且不是很多. 这个时候就可以使用枚举了.如果我们使用#define显然 ...

  6. php 获取中文字符串首字母

    <?php $limit=array( //gb2312 拼音排序 array(45217,45252), //A array(45253,45760), //B array(45761,463 ...

  7. Django 学习笔记(三) --- HTML 模版加载 css、js、img 静态文件

    人生苦短 ~ Tips:仅适用于 Python 3+(反正差别不大,py2 改改也能用).因为据 Python 之父 Guido van Rossum 说会在 2020 年停止对 Python 2 的 ...

  8. 基于Asp.Net Core 2.1的简单问答社区系统源代码分享

    看见园子里很多人都在分享源代码,我也来凑个热闹. 该项目基于.NET CORE 2.1(其实是从1.1开始开发的),经历过不停的调整终于有个能拿出手的版本了,第一次在博客园发文章. 使用到的技术以及框 ...

  9. openssl speed和openssl rand

    openssl系列文章:http://www.cnblogs.com/f-ck-need-u/p/7048359.html 1.1 openssl speed 测试加密算法的性能. 支持的算法有: o ...

  10. Linux进程间通信(System V) --- 共享内存

    共享内存 IPC 原理 共享内存进程间通信机制主要用于实现进程间大量的数据传输,下图所示为进程间使用共享内存实现大量数据传输的示意图: 共享内存是在内存中单独开辟的一段内存空间,这段内存空间有自己特有 ...