快捷導(dǎo)航

iOS開發(fā)之UIPickerView實現(xiàn)城市選擇器的步驟詳解

更新時間：2016年09月29日 15:04:08 投稿：daisy

這篇文章給大家介紹iOS利用控件UIPickerView實現(xiàn)城市選擇器的效果，選擇城市這一功能相信在大家日常開發(fā)的時候經(jīng)常遇見，下面就來看看詳細的實現(xiàn)過程，有需要的可以參考借鑒。

前言

UIPickerView是一個選擇器控件，它可以生成單列的選擇器，也可生成多列的選擇器，而且開發(fā)者完全可以自定義選擇項的外觀，因此用法非常靈活。UIPickerView直接繼承了UIView，沒有繼承UIControl，因此，它不能像UIControl那樣綁定事件處理方法，UIPickerView的事件處理由其委托對象完成。

本文借助于UIPickerView來實現(xiàn)城市選擇器，第一列為省份，第二列為第一列省份對應(yīng)的城市或者區(qū)，數(shù)據(jù)放在plist中，plist結(jié)構(gòu)如下圖所示，第一層是一個Dictionary，每個省份對應(yīng)的城市是一個Array：

實現(xiàn)步驟

第一步

拖入一個UIPickerView到StoryBoard中，然后設(shè)置UIPickerViewDelegate,和UIPickerViewDataSource為當前的控制器，如下圖紅色區(qū)域所示：

設(shè)置數(shù)據(jù)源與代理

第二步

在對應(yīng)的ViewController中進行實現(xiàn)，代碼注釋非常詳細

#import "ViewController.h"

@interface ViewController () <UIPickerViewDelegate, UIPickerViewDataSource>

/**
 * plist對應(yīng)的字典
 */
@property (nonatomic, strong) NSDictionary* cityNames;
/**
 * 省份
 */
@property (nonatomic, strong) NSArray* provinces;
/**
 * 城市
 */
@property (nonatomic, strong) NSArray* cities;

@end

@implementation ViewController

/**
 * 懶加載plist
 *
 * @return plist對應(yīng)的字典
 */
- (NSDictionary*)cityNames
{
  if (_cityNames == nil) {

    NSString* path = [[NSBundle mainBundle] pathForResource:@"cityData" ofType:@"plist"];

    _cityNames = [NSDictionary dictionaryWithContentsOfFile:path];
  }

    return _cityNames;
}

/**
 * 懶加載省份
 *
 * @return 省份對應(yīng)的數(shù)組
 */
-(NSArray *)provinces
{
  if (_provinces == nil) {

    //將省份保存到數(shù)組中
    _provinces = [self.cityNames allKeys];


  }

  return _provinces;

}

- (void)viewDidLoad
{
  [super viewDidLoad];
  // Do any additional setup after loading the view, typically from a nib.
}

- (void)didReceiveMemoryWarning
{
  [super didReceiveMemoryWarning];
  // Dispose of any resources that can be recreated.
}

/**
 * 返回每一列的行數(shù)
 *
 * @param pickerView
 * @param component
 *
 * @return
 */
- (NSInteger)pickerView:(UIPickerView*)pickerView numberOfRowsInComponent:(NSInteger)component
{

  if (component == 0) {
    return self.provinces.count;
  }
  else {

    [self loadData:pickerView];

    return self.cities.count;
  }
}

/**
 * 返回每一行顯示的文本
 *
 * @param pickerView
 * @param row
 * @param component
 *
 * @return
 */
- (NSString*)pickerView:(UIPickerView*)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{

  //第一列返回所有的省份
  if (component == 0) {
    return self.provinces[row];
  }
  else {

    [self loadData:pickerView];

    return self.cities[row];
  }
}


/**
 * 加載第二列顯示的數(shù)據(jù)
 *
 * @param pickerView
 */
-(void)loadData:(UIPickerView*)pickerView
{

  //一定要首先獲取用戶選擇的那一行 然后才可以根據(jù)選中行獲取省份 獲取省份以后再去字典中加載省份對應(yīng)的城市
  NSInteger selRow = [pickerView selectedRowInComponent:0];

  NSString *key = self.provinces[selRow];

  self.cities = [self.cityNames valueForKey:key];

}

/**
 * 一共多少咧
 *
 * @param pickerView
 *
 * @return
 */
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView*)pickerView
{
  return 2;
}

/**
 * 選中某一行后回調(diào) 聯(lián)動的關(guān)鍵
 *
 * @param pickerView
 * @param row    用戶選擇的省份
 * @param component
 */
- (void)pickerView:(UIPickerView*)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{

  if (component == 0) {

    //重新加載第二列的數(shù)據(jù)
    [pickerView reloadComponent:1];
    //讓第二列歸位
    [pickerView selectRow:0 inComponent:1 animated:YES];
  }
}

@end

實現(xiàn)效果