脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → IOS → iOS App中UIPickerView的添加方法

详解iOS App中UIPickerView滚动选择栏的添加方法

 更新时间：2016年05月25日 09:19:21   投稿：goldensun  
UIPickerView组件在应用中选择地区等方面的运用非常常见,能够提供多列的选择项,下买呢我们就来详解iOS App中UIPickerView滚动选择栏的添加方法

1.UIPickerView的宽度和高度是固定的,纵向是320216,横向是568162

2.属性:

复制代码 代码如下:

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

@property(nonatomic,assign)idUIPickerViewDataSource> dataSource; (类似于UITableView)

@property(nonatomic,assign)idUIPickerViewDelegate>delegate; (类似于UITableView)

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

pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(0, 0, 320, 216)]; 
//    指定Delegate 
    pickerView.delegate=self; 
//    显示选中框 
    pickerView.showsSelectionIndicator=YES; 
    [self.view addSubview:pickerView]; 


以上可以在视图显示一个选取器，但是内容空白，pickerView.showsSelectionIndicator=YES;是这只当前选取器所选中的内容：

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

复制代码 代码如下:

#import <UIKit/UIKit.h> 

@interface ViewController : UIViewController<UIPickerViewDelegate,UIPickerViewDataSource> 
{ 

    UIPickerView *pickerView; 
    NSArray *pickerData; 

} 

@end 


3.然后在.m文件的ViewDidLoad中初始化界面
复制代码 代码如下:

- (void)viewDidLoad 
{ 
    [super viewDidLoad]; 
    // Do any additional setup after loading the view, typically from a nib. 

    pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(0, 0, 320, 216)]; 
//    指定Delegate 
    pickerView.delegate=self; 
//    显示选中框 
    pickerView.showsSelectionIndicator=YES; 
    [self.view addSubview:pickerView];  

    NSArray *dataArray = [[NSArray alloc]initWithObjects:@"许嵩",@"周杰伦",@"梁静茹",@"许飞",@"凤凰传奇",@"阿杜",@"方大同",@"林俊杰",@"胡夏",@"邱永传", nil]; 

    pickerData=dataArray; 

//     添加按钮    
    CGRect frame = CGRectMake(120, 250, 80, 40); 
    UIButton *selectButton = [UIButton buttonWithType:UIButtonTypeRoundedRect]; 
    selectButton.frame=frame; 
    [selectButton setTitle:@"SELECT" forState:UIControlStateNormal]; 

    [selectButton addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside]; 

    [self.view addSubview:selectButton]; 

}


4.实现UIPickerView的代理方法，将数据显示在选取器上所需要几个方法
复制代码 代码如下:

#pragma mark - 
#pragma mark Picker Date Source Methods 

//返回显示的列数 
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView 
{ 
    return 1; 
} 
//返回当前列显示的行数 
-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component 
{ 
    return [pickerData count]; 
} 

#pragma mark Picker Delegate Methods 

//返回当前行的内容,此处是将数组中数值添加到滚动的那个显示栏上 
-(NSString*)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component 
{ 
    return [pickerData objectAtIndex:row]; 
} 


前两个是数据源的代理方法，一个是返回列，有几个选取器就返回几，第二个是设置选取器有多少行，因为就这一个选取器，所以直接返回行数，即数组元素个数多少；第三个代理方法是将数组元素添加到了选取器上面显示；

说一下两个协议实例方法

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.关于按钮响应事件，关于按钮的形成和添加响应事件不再提，前面都有，
复制代码 代码如下:

(void) buttonPressed:(id)sender 
{ 
     NSInteger row =[pickerView selectedRowInComponent:0]; 
     NSString *selected = [pickerData objectAtIndex:row]; 
     NSString *message = [[NSString alloc] initWithFormat:@"你选择的是:%@",selected]; 

    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示"  
                                                    message:message 
                                                   delegate:self 
                                          cancelButtonTitle:@"OK" 
                                          otherButtonTitles: nil]; 
    [alert show]; 

} 


@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

PS：多个component对应不同title的方法
有时候我们需要有多个component的UIPickerView并且对应不同的内容，比如地区的选择，需要有省份和城市两个选项，选择不同的省份，城市要相应发生变化。

下面假设component数量为2。

使用指定title的函数，根据[pickerView selectedRowInComponent:0]的不同来指定第二个component的title

复制代码 代码如下:

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

但此时，会发现切换省份后，城市一栏没有办法及时刷新。

我们还要指定刷新事件。

复制代码 代码如下:

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
    [pickerView reloadComponent:1];
}

您可能感兴趣的文章:

相关文章

  • IOS接入facebook详解

    IOS接入facebook详解

    这篇文章主要介绍了IOS接入facebook详解，对接入第三方SDK感兴趣的同学，可以参考下
    2021-04-04
  • ios开发中的容错处理示例详解

    ios开发中的容错处理示例详解

    最近发现还是有很多朋友在问类似解析时容错问题怎么解决，所以下面这篇文章主要给大家介绍了关于ios开发中的容错处理的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们一起来看看吧
    2018-05-05
  • iOS实现九宫格连线手势解锁

    iOS实现九宫格连线手势解锁

    这篇文章主要为大家详细介绍了iOS实现九宫格连线手势解锁，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-04-04
  • iOS开发之tableView点击下拉扩展与内嵌collectionView上传图片效果

    iOS开发之tableView点击下拉扩展与内嵌collectionView上传图片效果

    这篇文章主要介绍了iOS开发之tableView点击下拉扩展与内嵌collectionView上传图片效果的相关资料,需要的朋友可以参考下
    2016-04-04
  • ios可拖动按钮实例

    ios可拖动按钮实例

    下面小编就为大家分享一篇ios可拖动按钮实例。具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • iOS编程学习中关于throttle的那些事

    iOS编程学习中关于throttle的那些事

    这篇文章主要给大家介绍了关于iOS编程学习中throttle的那些事，文中通过示例代码介绍的非常详细，对各位iOS的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • 设计模式开发中的备忘录模式在iOS应用开发中的运用实例

    设计模式开发中的备忘录模式在iOS应用开发中的运用实例

    这篇文章主要介绍了设计模式开发中的备忘录模式在iOS应用开发中的实例,代码为传统的Objective-C,需要的朋友可以参考下
    2016-03-03
  • 浅谈iOS开发中static变量的三大作用

    浅谈iOS开发中static变量的三大作用

    下面小编就为大家带来一篇浅谈iOS开发中static变量的三大作用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • iOS中读写锁的简单实现方法实例

    iOS中读写锁的简单实现方法实例

    读写锁是计算机程序的并发控制的一种同步机制,也称“共享-互斥锁”、多读者-单写者锁,读操作可并发重入,写操作是互斥的,这篇文章主要给大家介绍了关于iOS中读写锁的简单实现方法,需要的朋友可以参考下
    2021-11-11
  • IOS self和super详解实现原理及区别

    IOS self和super详解实现原理及区别

    这篇文章主要介绍了iOS self和super详解实现原理及区别的相关资料,这里不仅说明区别并介绍实现原理，具有参考价值，需要的朋友可以参考下
    2016-12-12

最新评论