UI :使用 UIPickerView 来选择数据

问题:想让用户在程序中从一个列表中选择数据。 

通过 Picker view 可以显示一系列的值给用户,并且可以让用户选择其中一个。iPhone 中 Clock 程序里面的时间选择就是一个非常好的例子 

 .h文件:

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UIPickerViewDataSource,UIPickerViewDelegate>

@property(nonatomic,strong)UIPickerView *myPicker;

@end

.m:

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    self.view.backgroundColor = [UIColor whiteColor];
    self.myPicker = [[UIPickerView alloc]init];
    self.myPicker.center = self.view.center;
    
    self.myPicker.delegate = self;//设置代理
    self.myPicker.showsSelectionIndicator = YES;
    [self.view addSubview:self.myPicker];
    //此时pickerView没有数据,效果不好.
    ///为选择器添加数据:首先给 picker view 指定一个 data source,然后确保 view controller 遵循相关的协议。UIPickerView 的 data source 实例必须遵循 UIPickerViewDataSource 协议。
}

//UIPickerViewDataSource @required协议方法的实现
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{
    //这个方法主要是用来为你的选择器添加组件的,如果你需要多个组件,你可以在这个里面进行添加.
    return 1;
}
-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component{
    //顾名思义,这个方法表示你的一个组件中有多少个选项。
    return 10;
}
//UIPickerViewDelegate 协议方法
-(NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component{
    NSString *result = nil;
    if ([pickerView isEqual:_myPicker]) {
        result = [NSString stringWithFormat:@"Row%ld",row+1];
    }
    return result;
}

如图:

我们现在不能检测到用户实际选择的项 ,获得用户选择的数据。我们可以通过调用 UIPickerViewselectedRowIncomponent:方法。 
 
如果程序在运行时,你需要修改picker view中的值,那么需要从data source和delegate 中 reload 相关数据。可以通过使用 reloadAllComponent:方法来强制重新加载所有数据,或者 使用 reloadComponent:方法来加载指定组件的数据。 

   (单个组件选取器,我们创建一个数组NSArray来保存选取器中的内容;选取器本身不会储存任何数据,它通过调用数据源和委托方法来显示数据;但是对于大量数据的数据源,数组并不合适,我们可以做一个静态列表如plist文件或者URL载入)

 

//获取用户所选行的数据

UIButton *selectButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    selectButton.frame = CGRectMake(100, 100, 80, 35);
    [selectButton setTitle:@"确定" forState:UIControlStateNormal];
    [selectButton addTarget:self action:@selector(selectRowOfData:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:selectButton];


- (void)selectRowOfData:(id)sender{
    //参数为component的序号,返回被选中row的序号,若无row被选中,则返回-1
    NSInteger row = [_myPicker selectedRowInComponent:0];
    NSLog(@"%ld",row+1);//这里如果数据存在数组,文件中等,用Row来取出
}

 

posted @ 2014-10-09 17:36  safiri  阅读(498)  评论(0编辑  收藏  举报