前言
UIPickerView是一個選取器控制項,它可以產生單列的選取器,也可產生多列的選取器,而且開發人員完全可以自訂選擇項的外觀,因此用法非常靈活。UIPickerView直接繼承了UIView,沒有繼承UIControl,因此,它不能像UIControl那樣綁定事件處理方法,UIPickerView的事件處理由其委派物件完成。
本文藉助於UIPickerView來實現城市選取器,第一列為省份,第二列為第一列省份對應的城市或者區,資料放在plist中,plist結構如下圖所示,第一層是一個Dictionary,每個省份對應的城市是一個Array:
實現步驟
第一步
拖入一個UIPickerView
到StoryBoard
中,然後設定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
實現效果
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的協助,如果有疑問大家可以留言交流。