iOS開發-資料選擇UIPickerView

標籤：

UIPickerView開發一般選擇地區或者分級資料的時候會使用到，類似於前端中用到樹狀結構，不過PC上一般都是從上到下的分級，使用UIPickView是從左至右實現，可以動態設定UIPickView中中行列資料，將結果顯示在文本輸入框裡，簡單的定義一下資料來源。通過聲明協議捕獲事件，展示結果，比較簡單，進入正題.

頁面配置

頁面配置比較簡單，一個UIPickerView，一個文字框:

標頭檔中的聲明,實現了UIPickerViewDelegate，UIPickerViewDataSource協議:

@interface ViewController : UIViewController <UIPickerViewDelegate,UIPickerViewDataSource>@property (weak, nonatomic) IBOutlet UIPickerView *pickView;@property (weak, nonatomic) IBOutlet UITextField *areaTextField;@end

　Demo實現

定義儲存資料的數組:

@interface ViewController (){   NSArray *areaArr;   NSMutableArray *teamArr;}

初始化資料:

- (void)viewDidLoad {    [super viewDidLoad];    // Do any additional setup after loading the view, typically from a nib.    [email protected][@"西南區",@"中央區",@"東南區",@"大西洋區",@"西北區",@"太平洋區"];    teamArr=[[NSMutableArray alloc] init];    [teamArr addObject:@[@"馬刺",@"灰熊",@"小牛",@"火箭",@"鵜鶘"]];    [teamArr addObject:@[@"活塞",@"步行者",@"騎士",@"公牛",@"雄鹿"]];    [teamArr addObject:@[@"熱火",@"魔術",@"老鷹",@"奇才",@"黃蜂"]];    [teamArr addObject:@[@"塞爾特人",@"76人",@"尼克斯",@"籃網",@"猛龍"]];    [teamArr addObject:@[@"森林狼",@"掘金",@"爵士",@"開拓者",@"雷霆"]];    [teamArr addObject:@[@"國王",@"太陽",@"湖人",@"快船",@"勇士"]];}

設定PickerView的列數:

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{    return 2;}

返回行數：

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component{    //判斷列    if (component==0) {        return [areaArr count];    }else{        //判斷0列中當前的行號        NSInteger  currentRow=[pickerView selectedRowInComponent:0];        return [teamArr[currentRow] count];    }}

　設定每行每列中的資料:

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component{    if (component==0) {        //o列從地區數組中選擇        return areaArr[row];    }else{        //根據0列中選擇的行號        NSInteger  currentRow=[pickerView selectedRowInComponent:0];        return teamArr[currentRow][row];    }}

　選擇完成之後的事件:

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component{    [pickerView reloadComponent:1];    NSInteger areaRow=[pickerView selectedRowInComponent:0];    NSInteger teamRow=[pickerView selectedRowInComponent:1];    [_areaTextField setText:[NSString stringWithFormat:@"%@-%@",areaArr[areaRow],teamArr[areaRow][teamRow]]];    }

　具體效果如下:

iOS開發-資料選擇UIPickerView