实例讲解iOS应用开发中UIPickerView滚动选择栏的用法

 更新时间:2016年04月01日 09:18:28   作者:lwjok2007  
这篇文章主要介绍了iOS应用开发中UIPickerView滚动选择栏的用法,示例代码基于传统的Objective-C,需要的朋友可以参考下

基础
1.UIPickerView 属性

数据源(用来告诉UIPickerView有多少列多少行)

复制代码 代码如下:

@property(nonatomic,assign) id dataSource;

   
代理(用来告诉UIPickerView每1列的每1行显示什么内容,监听UIPickerView的选择)
复制代码 代码如下:

@property(nonatomic,assign) id   delegate;

   
是否要显示选中的指示器
复制代码 代码如下:

@property(nonatomic)   BOOL   showsSelectionIndicator;

   
一共有多少列
复制代码 代码如下:

@property(nonatomic,readonly) NSInteger numberOfComponents;

2.UIPickerView方法

重新刷新所有列

复制代码 代码如下:

- (void)reloadAllComponents;

重新刷新第component列

复制代码 代码如下:

- (void)reloadComponent:(NSInteger)component;

主动选中第component列的第row行

复制代码 代码如下:

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

获得第component列的当前选中的行号

复制代码 代码如下:

- (NSInteger)selectedRowInComponent:(NSInteger)component;

3.UIPickerView数据源方法

一共有多少列

复制代码 代码如下:

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView;

第component列一共有多少行
复制代码 代码如下:

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

4.UIPickerView代理方法
第component列的宽度是多少

复制代码 代码如下:

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

第component列的行高是多少
复制代码 代码如下:

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

第component列第row行显示什么文字

复制代码 代码如下:

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

第component列第row行显示怎样的view(内容)
复制代码 代码如下:

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

选中了pickerView的第component列第row行
复制代码 代码如下:

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

实例
UIPickerView 作为iOS的一个常用控件相信大家都有这方面的需求。
今天我们就简单创建一个:
新建项目 命名:TestUIPickerView
在默认生成的ViewController中创建UIPickerView
首先在viewDidLoad 的方法中创建

复制代码 代码如下:

- (void)viewDidLoad { 
    [super viewDidLoad]; 
    // Do any additional setup after loading the view, typically from a nib. 
     
    // 选择框 
    UIPickerView *pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(0, 100, 320, 216)]; 
    // 显示选中框 
    pickerView.showsSelectionIndicator=YES; 
    pickerView.dataSource = self; 
    pickerView.delegate = self; 
    [self.view addSubview:pickerView]; 
     
    _proTimeList = [[NSArray alloc]initWithObjects:@"1",@"2",@"3",@"4",@"5",@"6",@"7",@"8",@"9",@"10",nil]; 
    _proTitleList = [[NSArray alloc]initWithObjects:@"1",@"2",@"3",@"4",@"5",@"6",@"7",@"8",@"9",@"10",nil]; 
                  
                      


然后,我们创建相关的代理方法
UIPickerViewDataSource 相关代理
复制代码 代码如下:

#pragma Mark -- UIPickerViewDataSource 
// pickerView 列数 
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView { 
    return 2; 

 
// pickerView 每列个数 
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component { 
    if (component == 0) { 
        return [_proTitleList count]; 
    } 
     
    return [_proTimeList count]; 


UIPickerViewDelegate 相关代理方法
复制代码 代码如下:

#pragma Mark -- UIPickerViewDelegate 
// 每列宽度 
- (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component { 
     
    if (component == 1) { 
        return 40; 
    } 
    return 180; 

// 返回选中的行 
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component 

    if (component == 0) { 
        NSString  *_proNameStr = [_proTitleList objectAtIndex:row]; 
        NSLog(@"nameStr=%@",_proNameStr); 
    } else { 
        NSString  *_proTimeStr = [_proTimeList objectAtIndex:row]; 
        NSLog(@"_proTimeStr=%@",_proTimeStr); 
    } 
     

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

    if (component == 0) { 
        return [_proTitleList objectAtIndex:row]; 
    } else { 
        return [_proTimeList objectAtIndex:row]; 
         
    } 


完成以上代码之后 我们就可以运行项目查看效果
如下图:

20164191743901.jpg (640×960)

相关文章

  • iOS 如何高效的使用多线程

    iOS 如何高效的使用多线程

    这篇文章主要介绍了iOS 如何高效使用的多线程,帮助大家提高ios 开发的效率,感兴趣的朋友可以了解下
    2020-09-09
  • IOS 实现摇一摇的操作

    IOS 实现摇一摇的操作

    这篇文章主要介绍了IOS 实现摇一摇的操作的相关资料,需要的朋友可以参考下
    2016-10-10
  • ios使用AVFoundation读取二维码的方法

    ios使用AVFoundation读取二维码的方法

    这篇文章主要介绍了ios使用AVFoundation读取二维码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • iOS WebView中使用webp格式图片的方法

    iOS WebView中使用webp格式图片的方法

    由于最近项目需求,需要将项目中图片的加载做到同时兼容WebP格式,所以下面这篇文章主要给大家介绍了关于在iOS WebView中使用webp格式图片的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2018-05-05
  • iOS自定义键盘切换效果

    iOS自定义键盘切换效果

    这篇文章主要为大家详细介绍了iOS自定义键盘切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • IOS 实现一个死锁导致 UI 假死的例子

    IOS 实现一个死锁导致 UI 假死的例子

    这篇文章主要介绍了IOS 实现一个死锁导致 UI 假死的例子的相关资料,需要的朋友可以参考下
    2016-12-12
  • UITableView 实现汽车品牌(demo)

    UITableView 实现汽车品牌(demo)

    UITableView堪称UIKit里面最复杂的一个控件了,使用起来不算难,但是要用好并不容易,当使用的时候我们必须要考虑到后台数据的设计,tableViewCell的设计和重用以及tableView的效率等问题,下面小编通过UITableView 实现汽车品牌,需要的朋友可以参考下
    2015-08-08
  • IOS关于大型网站抢购、距活动结束,剩余时间倒计时的实现代码

    IOS关于大型网站抢购、距活动结束,剩余时间倒计时的实现代码

    这篇文章主要介绍了IOS关于大型网站抢购、距活动结束,剩余时间倒计时的实现代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • iOS仿Uber筛选栏效果

    iOS仿Uber筛选栏效果

    这篇文章主要为大家详细介绍了iOS仿Uber筛选栏的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • iOS中利用CAGradientLayer绘制渐变色的方法实例

    iOS中利用CAGradientLayer绘制渐变色的方法实例

    有时候iOS开发中需要使用到渐变色,来给图片或者view盖上一层,使其显示效果更好,所以这篇文章主要给大家介绍了关于iOS中利用CAGradientLayer绘制渐变色的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
    2017-11-11

最新评论