码迷，mamicode.com
首页 > 其他好文 > 详细

代码实现UIPickerView

时间：2015-08-21 12:58:46      阅读：121      评论：0      收藏：0      [点我收藏+]

标签：

原文地址：http://blog.csdn.net/duxinfeng2010/article/details/7716123

 

先说一下当个组件选取器，我们创建一个数组NSAray来保存选取器中的内容；选取器本身不会储存任何数据，，它通过调用数据源和委托方法来显示数据；但是对于大量数据的数据源，数组并不合适，我们可以做一个静态列表如plist文件或者URL载入，和后面将讲在文件中获取数据，还以多个选取器的之间的关联如何实现；先说下简单的单个选取器:

先把效果图贴出来

技术分享技术分享

1.新建工程名为PickerViewDemo ， File->New->Project ->single View Application -> next

技术分享

2.在视图上添加选取器

 

[cpp] view plaincopy
  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 plaincopy
  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 plaincopy
  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 plaincopy
  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中的实例方法

 

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

作用: 当用户选择某个row时,picker view调用此函数

参数: pickerView representing the picker view request the data

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

作用:由picker view调用,当其在绘制row内容,需要row的高度时

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

作用: 当picker view需要给指定的component.row指定title时,调用此函数

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

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

参数: view参数, a view object that was previously used for this rows, but is now hidden and cached by the picker view

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

作用:当picker view 需要row的宽度时,调用此函数

 

UIPickerViewDataSource中的实例方法

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

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

-(NSInteger) numberOfComponentsInPickerView:(UIPickerView *)pickerView

作用:返回pickerView应该有几个component

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

作用:返回指定component应该有几个row

 

 

 

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

 

[cpp] view plaincopy
  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. }  

 

 

[pickerViewselectedRowInComponent:0];方法返回当前被选中的索引序号，这是UIPickerView的实例方法，在官方文档中

 

UIPickerView还有其他实例方法

- (NSInteger) numberOfRowsInComponent:(NSInteger)component

参数为component的序号(从左到右,以0起始),返回指定的component中row的个数

-(void) reloadAllComponents

调用此方法使得PickerView向delegate: Query for new data for all components

-(void) reloadComponent: (NSInteger) component

参数为需更新的component的序号,调用此方法使得PickerView向其delegate: Query for new data

-(CGSize) rowSizeForComponent: (NSInteger) component

参数为component的序号,返回值为the size of rows in the given components, picker view 通过调用委托方法中的pickerView:widthForComponent:和pickerView:rowHeightForComponent:获得返回值

-(NSInteger) selectedRowInComponent: (NSInteger) component

参数为component的序号,返回被选中row的序号,若无row被选中,则返回-1

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

作用:在代码指定要选择的某component的某row

参数:row序号,component序号,BOOL值(若为YES,转动spin到你选择的新值,若为NO,直接显示你选择的值)

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

参数:row序号,component序号,返回由委托方法pickerView:viewForRow:forComponentreusingView:指定的view.如果委托对象并没有实现这个方法,或者说这个view并不是可见的,则返回nil

 

 

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

代码实现UIPickerView

标签：

原文地址：http://www.cnblogs.com/aggie/p/4747293.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！