使用UIPickerView显示数据

最近学习UIPickerView使用,练习时候想遇到些问题,总结一下。

用UIPickerView 显示7个组件，每个组件中的数据要居中对齐，1-6组件中字体颜色为红色，7组件中字体颜色为蓝色。

在控制器中创建两个实例变量:

UIPickerView *picker; 

NSArray *datasourceArray; //用做数据源

因为UIPickerView中的文本不能设置颜色和对齐方式,所以delegate使用UILabel显示文本,并使用返回视图(UIView *)的方法:

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

有三种方案可供选择:

1.不需要创建实例变量，直接在Delegate方法中创建UILabel,设置属性,并返回。

2.在初始化时,创建模板可变数组,并根据最大组件的总行数,把Label控件插入此可变数组中,再把此模板数组赋值给 dataSource。最后Delegate调用方法返回模板数组中的相应行的对象。

3.创建7个数组的实例变量,分别作为picker每个组件的数据源,再创建相应数量的UILabel,分别设置好。最后Delegate调用方法返回相应数据源中的对象。

01 //实现第1方案：
02 - (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view {
03
04     UILabel *showLabel = [[UILabel alloc] initWithFrame:CGRectMake(0.0f,0.0f,20.0f,20.0f)];
05
06     showLabel.text = [NSString stringWithFormat:@"%d",row+1];
07     showLabel.backgroundColor = [UIColor clearColor];
08
09     //如果是第7个组件,字体颜色设置为蓝色。其余组件设置为红色。
10     if (component == 6) {
11
12        showLabel.textColor = [UIColor blueColor];
13
14     }else {
15
16        showLabel.textColor = [UIColor redColor];
17
18     }
19
20     showLable.textAlignment = UITextAlignmentCenter;
21
22     return [showLabel autorelease];
23 }
24
25 //这样每次旋转组件时都会创建一个新对象,并放入自动释放池中,如果以后大量旋转,会创建巨量对象。

2 在初始化时,创建模板可变数组,并根据最大组件的总行数,把Label控件插入此可变数组中,再把此模板数组赋值给 dataSource。最后Delegate调用方法返回模板数组中的相应行的对象。

01 //实现第2方案：
02 -(void) viewDidLoad {
03
04     NSMutableArray * mutableArray = [NSMutableArray arrayWithCapacity:20];
05
06     for(NSUInteger i = 1;i <= 33 ;i++) {
07
08         UILabel *showLabel = [[UILabel alloc] initWithFrame:CGRectMake(0.0f,0.0f,20.0f,20.0f)];
09         showLabel.text = [NSString stringWithFormat:@"%d",i];
10         showLabel.backgroundColor = [UIColor clearColor];
11         showLabel.textColor = [UIColor redColor]; //需要显示红色组件多,默认使用红色.
12         showLable.textAlignment = UITextAlignmentCenter;
13         [mutableArray addObject:showLabel];
14         [showLabel release];
15     }//模板初始化完成
16
17
18     self.datasourceArray = mutableArray;
19
20 }
21
22
23 - (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view {
24
25     if (component == 6 ) {
26        //如果是第7个组件,返回对象字体颜色设置为蓝色。其余组件设置为红色。
27        UILabel * myLabel = [self.datasource objectAtIndex:row];
28        myLabel.textColor = [UIColor blueColor];
29        return myLabel;
30
31     }else {
32
33        return [self.datasource objectAtIndex:row];
34
35     }
36 }

但是到程序运行时出现问题,正常应该显示7个组件的内容,但现在只能显示一个组件的内容。并且只要旋转其它组件显示出来的内容与已经显示出来的相同，那么已经显示出来的内容就会消失。

例如：程序刚运行时第一个组件显示出了1，2，3.其它组件显示不出内容。如果旋转1组件，显示出4，5，6，7，8，再旋转2组件，当2组件显示出4，5，6，7，8时，1组件的就会消失。

也就是说，不同的组件，如果显示相同的内容时，只会显示最后旋转的组件。

应该是没有把mutableArray数组进行深度复制(Deep Copy)造成，修改原实例变量名为 datasource1,并增加6个新实例变量,datasource2,datasource3 ......datasource7,

再修改viewDidLoad如下:

01 -(void) viewDidLoad {
02
03     NSMutableArray * mutableArray = [NSMutableArray arrayWithCapacity:20];
04
05     for(NSUInteger i = 1;i <= 33 ;i++) {
06
07         UILabel *showLabel = [[UILabel alloc] initWithFrame:CGRectMake(0.0f,0.0f,20.0f,20.0f)];
08         showLabel.text = [NSString stringWithFormat:@"%d",i];
09         showLabel.backgroundColor = [UIColor clearColor];
10         showLabel.textColor = [UIColor redColor]; //需要显示红色组件多,默认使用红色.
11         showLable.textAlignment = UITextAlignmentCenter;
12         [mutableArray addObject:showLabel];
13         [showLabel release];
14     }//模板初始化完成
15
16     //为每个实例变量deep copy 一份模板数据.
17     for(NSUInteger i = 1;i<=7 ;i++) {
18
19        NSArray *newArray = [[NSArray alloc] initWithArray:mutableArray copyItems:YES];
20        [self setValue:newArray forKey:[NSString stringWithFormat:@"datasource%d",i]]; //想当于 self.datasource(1-7) = newArray
21        [newArray release];
22     }
23
24 }

修改delegate方法如下:

01 - (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view {
02
03     if(component == 0 ) {
04
05       return [self.datasource1 objectAtIndex:row];
06
07     }else if (component == 1){
08
09       return [self.datasource2 objectAtIndex:row];
10
11     }else if (component == 2){
12
13       return [self.datasource3 objectAtIndex:row];
14
15     }else if (component == 3){
16
17       return [self.datasource4 objectAtIndex:row];