iOs基础篇（二十二）—— UIPickerView、UIDatePicker控件的使用

一、UIPickerView

UIPickerView是一个选择器控件，可以生成单列的选择器，也可生成多列的选择器，而且开发者完全可以自定义选择项的外观，因此用法非常灵活。

1、常用属性

（1）numberOfComponents：获取UIPickerView指定列中包含的列表项的数量。

（2）showsSelectionIndicator：控制是否显示UIPickerView中的选中标记（以高亮背景作为选中标记）。

2、常见方法

（1）- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView;

　　获取UIPickerView包含的列数量

 

（2）- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component;

　　该UIPickerView将通过该方法判断指定列应该包含多少个列表项

 

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

　　该方法返回的CGFloat值将作为该UIPickerView控件中指定列的宽度

 

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

　　该方法返回的CGFloat值将作为该UIPickerView控件中指定列中列表项的高度

 

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

　　该方法返回的NSString值将作为该UIPickerView控件中指定列的列表项的文本标题

 

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

　　该方法返回的UIView控件将直接作为该UIPickerView控件中指定列的指定列表项

 

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

  　　当用户单击选中该UIPickerView控件的指定列的指定列表项时将会激发该方法

 

demo代码：

 

 1 #import "ViewController.h"
 2 
 3 @interface ViewController ()<UIPickerViewDataSource,UIPickerViewDelegate>{
 4  
 5     UIPickerView *pickerView;
 6     NSArray *nameArray;
 7     NSArray *ageArray;
 8 }
 9 
10 @end
11 
12 @implementation ViewController
13 
14 - (void)viewDidLoad {
15     [super viewDidLoad];
16     // Do any additional setup after loading the view, typically from a nib.
17     
18     CGFloat width = self.view.frame.size.width;
19     
20     pickerView = [[UIPickerView alloc] initWithFrame:(CGRect){0,0,width,300}];
21     [self.view addSubview:pickerView];
22     pickerView.dataSource = self;
23     pickerView.delegate = self;
24     pickerView.showsSelectionIndicator = YES;
25     
26     // 创建并初始化两个NSArray对象，分别作为两列的数据
27     nameArray = @[@"一", @"二", @"三", @"四", @"五", @"六"];
28     ageArray =  @[@"11", @"22", @"33", @"44", @"55", @"66"];
29     
30 }
31 
32 // UIPickerViewDataSource中定义的方法，该方法返回值决定该控件包含多少列
33 - (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{
34     return 2;// 返回2表明该控件只包含2列
35 }
36 
37 //该方法的返回值决定该控件指定列包含多少个列表项
38 - (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component{
39     if (component==0) {
40         // 如果是第一列，返回nameArray中元素的个数
41         // 即nameArray包含多少个元素，第一列就包含多少个列表项
42         return [nameArray count];
43     }else
44         // 如果是其他列，返回ageArray中元素的个数。
45         // 即ageArray包含多少个元素，其他列（只有第二列）包含多少个列表项
46         return [ageArray count];
47 }
48 
49 //UIPickerView中指定列的宽度
50 - (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component{
51 
52     if (component==0) {
53         // 如果是第一列，宽度为50
54         return 50;
55     }else
56         // 如果是其他列（只有第二列），宽度为80
57         return 80;
58 }
59 
60 - (CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component{
61 
62     return 40;
63 }
64 
65 //当用户选中UIPickerViewDataSource中指定列和列表项时激发该方法
66 - (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component{
67     NSArray* name = [nameArray objectAtIndex:row];
68     // 使用一个UIAlertView来显示用户选中的列表项
69     UIAlertView* alert = [[UIAlertView alloc]
70                           initWithTitle:@"提示"
71                           message:[NSString stringWithFormat:@"你选中的%@是：%@"
72                                    , name, [ageArray objectAtIndex:row]]
73                           delegate:nil
74                           cancelButtonTitle:@"确定"
75                           otherButtonTitles:nil];
76     [alert show];
77 }
78 
79 //UIPickerView中指定列和列表项上显示的标题
80 - (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component{
81     // 如果是第一列，返回nameArray中row索引处的元素
82     // 即第一列的列表项标题由nameArray集合元素决定
83     if (component==0) {
84         return [nameArray objectAtIndex:row];
85     }else
86         return [ageArray objectAtIndex:row];
87 
88 }

 

 

二、UIDatePicker

 UIDatePicker继承自UIControl，专门用于接受日期、时间和持续时长的输入。日期选取器的各列会按照指定的风格进行自动配置，这样就让开发者不必关心如何配置表盘这样的底层操作。你也可以对其进行定制，令其使用任何范围的日期。

1、创建UIDatePicker及添加代理

（1）创建UIPickerView；

（2）将pickerView添加至视图；

（3）实现监听事件方法；

 1 #import "ViewController.h"
 2 
 3 @interface ViewController (){
 4 
 5     UIDatePicker *datePicker;
 6 }
 7 
 8 @end
 9 
10 @implementation ViewController
11 
12 - (void)viewDidLoad {
13     [super viewDidLoad];
14     // Do any additional setup after loading the view, typically from a nib.
15     
16     datePicker = [[UIDatePicker alloc] initWithFrame:(CGRect){0,0,300,300}];
17     [self.view addSubview:datePicker];
18     
19     [datePicker addTarget:self action:@selector(dateChange:) forControlEvents:UIControlEventValueChanged];
20     
21 }
22 
23 - (void)dateChange:(UIDatePicker*)dateSender{
24     UIDatePicker *ctrl = (UIDatePicker*)dateSender;
25     NSDate *date = ctrl.date;
26     
27     NSLog(@"%@",date);
28 
29 }

2、UIDatePicker设置显示格式

(1) 创建并初始化NSLocale;

(2) 将datePicker.locale属性set为NSLocale的值;

(3) 设置12/24小时制是根据手机本身时间显示;

1     
2     NSLocale *locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zw"];
3     datePicker.locale = locale;

3、设置DatePicker的日历

默认为当天；

1 [datePicker setCalendar:[NSCalendar currentCalendar]];

4、设置DatePicker的时区

1 [datePicker setTimeZone:[NSTimeZone defaultTimeZone]];

5、设置DatePicker的允许的最小/最大日期

minimumDate/maximunDate;

6、设置DatePicker的倒计时间

1) 设置日期选择的模

 [datePicker setDatePickerMode:UIDatePickerModeCountDownTimer];

 2) 设置倒计时的时长

注意：设置倒计时时长需要在确定模式之后指定

 // 倒计时的时长，以秒为单位

[datePicker setCountDownDuration:10 * 60];

效果图：

7、设置分钟间隔

datePicker.minuteInterval = 15;

8、显示小时，分钟和AM/PM,这个的名称是根据本地设置的

[datePicker setDatePickerMode:UIDatePickerModeTime]; 

效果图：

9、显示年月日，名称根据本地设置的

[datePicker setDatePickerMode:UIDatePickerModeDate];

效果图：

10、 显示日期，小时，分钟，和AM/PM,名称是根据本地设置的

[datePicker setDatePickerMode:UIDatePickerModeDateAndTime];

效果图：

11、显示小时和分钟

[datePicker setDatePickerMode:UIDatePickerModeCountDownTimer];

效果图：

 

转载于:https://www.cnblogs.com/0320y/p/5082826.html