iOS開發之UIPickerView實現城市選取器的步驟詳解_IOS

來源:互聯網
上載者:User

前言

UIPickerView是一個選取器控制項,它可以產生單列的選取器,也可產生多列的選取器,而且開發人員完全可以自訂選擇項的外觀,因此用法非常靈活。UIPickerView直接繼承了UIView,沒有繼承UIControl,因此,它不能像UIControl那樣綁定事件處理方法,UIPickerView的事件處理由其委派物件完成。

本文藉助於UIPickerView來實現城市選取器,第一列為省份,第二列為第一列省份對應的城市或者區,資料放在plist中,plist結構如下圖所示,第一層是一個Dictionary,每個省份對應的城市是一個Array:


實現步驟

第一步

拖入一個UIPickerViewStoryBoard中,然後設定UIPickerViewDelegate,和UIPickerViewDataSource為當前的控制器,如下圖紅色地區所示:


設定資料來源與代理

第二步

在對應的ViewController中進行實現,代碼注釋非常詳細

#import "ViewController.h"@interface ViewController () <UIPickerViewDelegate, UIPickerViewDataSource>/** * plist對應的字典 */@property (nonatomic, strong) NSDictionary* cityNames;/** * 省份 */@property (nonatomic, strong) NSArray* provinces;/** * 城市 */@property (nonatomic, strong) NSArray* cities;@end@implementation ViewController/** * 懶載入plist * * @return plist對應的字典 */- (NSDictionary*)cityNames{  if (_cityNames == nil) {    NSString* path = [[NSBundle mainBundle] pathForResource:@"cityData" ofType:@"plist"];    _cityNames = [NSDictionary dictionaryWithContentsOfFile:path];  }    return _cityNames;}/** * 懶載入省份 * * @return 省份對應的數組 */-(NSArray *)provinces{  if (_provinces == nil) {    //將省份儲存到數組中    _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.}/** * 返回每一列的行數 * * @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];  }}/** * 載入第二列顯示的資料 * * @param pickerView */-(void)loadData:(UIPickerView*)pickerView{  //一定要首先擷取使用者選擇的那一行 然後才可以根據選中行擷取省份 擷取省份以後再去字典中載入省份對應的城市  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;}/** * 選中某一行後回調 聯動的關鍵 * * @param pickerView * @param row    使用者選擇的省份 * @param component */- (void)pickerView:(UIPickerView*)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component{  if (component == 0) {    //重新載入第二列的資料    [pickerView reloadComponent:1];    //讓第二列歸位    [pickerView selectRow:0 inComponent:1 animated:YES];  }}@end

實現效果

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的協助,如果有疑問大家可以留言交流。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.