UIPickerView(滚动选择控制器)

1.UIPickerView的宽度和高度是固定的,纵向是320*216,横向是568*162

2.属性:

    @property(nonatomic,readonly)NSIntegernumberOfComponents;      // 选择框的行数

    @property(nonatomic,assign)id<UIPickerViewDataSource> dataSource;     (类似于UITableView)     

    @property(nonatomic,assign)id<UIPickerViewDelegate>   delegate;              (类似于UITableView)  

     (BOOL)showsSelectionIndicator    // 是否显示选择指示器 ,即是一个蓝色的条

[cpp]  view plain copy
  1. pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(0, 0, 320, 216)];  
  2. //    指定Delegate  
  3.     pickerView.delegate=self;  
  4. //    显示选中框  
  5.     pickerView.showsSelectionIndicator=YES;  
  6.     [self.view addSubview:pickerView];   
以上可以在视图显示一个选取器,但是内容空白,pickerView.showsSelectionIndicator=YES;是这只当前选取器所选中的内容:

选取器上显示数据,必须依赖两个协议,UIPickerViewDelegate和UIPickerViewDataSource,把他们添加到ViewController.h文件中

[cpp]  view plain copy
  1. #import <UIKit/UIKit.h>  
  2.   
  3. @interface ViewController : UIViewController<UIPickerViewDelegate,UIPickerViewDataSource>  
  4. {  
  5.   
  6.     UIPickerView *pickerView;  
  7.     NSArray *pickerData;  
  8.   
  9. }  
  10.   
  11. @end  
3.然后在.m文件的ViewDidLoad中初始化界面

[cpp]  view plain copy
  1. - (void)viewDidLoad  
  2. {  
  3.     [super viewDidLoad];  
  4.     // Do any additional setup after loading the view, typically from a nib.  
  5.       
  6.     pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(0, 0, 320, 216)];  
  7. //    指定Delegate  
  8.     pickerView.delegate=self;  
  9. //    显示选中框  
  10.     pickerView.showsSelectionIndicator=YES;  
  11.     [self.view addSubview:pickerView];   
  12.       
  13.     NSArray *dataArray = [[NSArray alloc]initWithObjects:@"许嵩",@"周杰伦",@"梁静茹",@"许飞",@"凤凰传奇",@"阿杜",@"方大同",@"林俊杰",@"胡夏",@"邱永传", nil];  
  14.       
  15.     pickerData=dataArray;  
  16.       
  17. //     添加按钮     
  18.     CGRect frame = CGRectMake(120, 250, 80, 40);  
  19.     UIButton *selectButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];  
  20.     selectButton.frame=frame;  
  21.     [selectButton setTitle:@"SELECT" forState:UIControlStateNormal];  
  22.       
  23.     [selectButton addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside];  
  24.       
  25.     [self.view addSubview:selectButton];  
  26.       
  27. }  

4.实现UIPickerView的代理方法,将数据显示在选取器上所需要几个方法

[cpp]  view plain copy
  1. #pragma mark -  
  2. #pragma mark Picker Date Source Methods  
  3.   
  4. //返回显示的列数  
  5. -(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView  
  6. {  
  7.     return 1;  
  8. }  
  9. //返回当前列显示的行数  
  10. -(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component  
  11. {  
  12.     return [pickerData count];  
  13. }  
  14.   
  15. #pragma mark Picker Delegate Methods  
  16.   
  17. //返回当前行的内容,此处是将数组中数值添加到滚动的那个显示栏上  
  18. -(NSString*)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component  
  19. {  
  20.     return [pickerData objectAtIndex:row];  
  21. }  
前两个是数据源的代理方法,一个是返回列,有几个选取器就返回几,第二个是设置选取器有多少行,因为就这一个选取器,所以直接返回行数,即数组元素个数多少;第三个代理方法是将数组元素添加到了选取器上面显示


说一下两个协议实例方法,参考http://www.cnblogs.com/edsioon/


   UIPickerViewDelegate中的实例方法

   // 当用户选择某个row时

  - (void) pickerView: (UIPickerView *)pickerView didSelectRow: (NSInteger)row inComponent:                               (NSInteger)component


// 当其在绘制row内容,需要row的高度时

- (CGFloat) pickerView:(UIPickerView *)pickerView rowHeightForComponent: (NSInteger) component


// 返回指定component.row显示的文本

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger) component


// 当picker view需要给指定的component.row指定view时,调用此函数.返回值为用作row内容的view

- (UIView *)pickerView: (UIPickerView *)pickerView view ForRow:(NSInteger) row forComponent:(NSInteger) component reusingView:(UIView *) view


// row的宽度

- (CGFloat)pickerView: (UIPickerView *)pickerView widthForComponent:(NSInteger) component



UIPickerViewDataSource中的实例方法

按照官方文档的说法,UIPickerViewDataSource这个协议仅有的功能就是提供picker view中component的个数和各个component中的row的个数,虽然名为datasource,但是它工作于MVC的C中

本协议仅有两个实例方法,均需要实现:

// 返回列数

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView

// 返回每一列对应的行数

- (NSInteger) pickerView:(UIPickerView *) pickerView numberOfRowsInComponent:(NSInteger) component



5.关于按钮响应事件,关于按钮的形成和添加响应事件不再提,前面都有,

[cpp]  view plain copy
  1. -(void) buttonPressed:(id)sender  
  2. {  
  3.      NSInteger row =[pickerView selectedRowInComponent:0];  
  4.      NSString *selected = [pickerData objectAtIndex:row];  
  5.      NSString *message = [[NSString alloc] initWithFormat:@"你选择的是:%@",selected];  
  6.       
  7.     UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示"   
  8.                                                     message:message  
  9.                                                    delegate:self  
  10.                                           cancelButtonTitle:@"OK"  
  11.                                           otherButtonTitles: nil];  
  12.     [alert show];  
  13.       
  14. }  


@UIPickerView还有其他实例方法

// 获取指定列的行数

- (NSInteger) numberOfRowsInComponent:(NSInteger)component


// 刷新所有的列

- (void) reloadAllComponents


// 刷新指定的列

- (void) reloadComponent: (NSInteger) component



- (CGSize) rowSizeForComponent: (NSInteger) component


// 获取某列选择的行数

- (NSInteger) selectedRowInComponent: (NSInteger) component


// 选择一行

- (void) selectRow: (NSInteger)row inComponent: (NSInteger)component animated: (BOOL)animated


- (UIView *) viewForRow: (NSInteger)row forComponent: (NSInteger)component


附上源代码: http://download.csdn.net/detail/duxinfeng2010/4410909


你可能感兴趣的:(UI,UIPickerView)