iOS开发12:UIPickerView控件(2)

iOS开发12:UIPickerView控件(2),第1张

概述这次要用UIPickerView控件做出这样的效果:它有两个转盘(Component),当左边的转盘改变了选择值,右边转盘所有的选项都改变。如下图所示:   为了达到这样的效果,还是先要创建两个NSArray对象,每个转盘对应一个。然后创建一个NSDictionary对象。我们可以想象出数据是树形的,NSDictionary可以看成是一个有两列的表格,第一列存储的是关键字,每个关键字对应一个NSA

这次要用UIPickerVIEw控件做出这样的效果:它有两个转盘(Component),当左边的转盘改变了选择值,右边转盘所有的选项都改变。如下图所示:

 

为了达到这样的效果,还是先要创建两个NSArray对象,每个转盘对应一个。然后创建一个NSDictionary对象。我们可以想象出数据是树形的,NSDictionary可以看成是一个有两列的表格,第一列存储的是关键字,每个关键字对应一个NSArray对象,这些NSArray数组中存储的是一系列的Nsstring对象。

在这个例子中,第一例存储的是一些省份,第二列存储的是省份对应的地级市。

其实实现的方法跟上篇文章中的差不多,唯一不同的是要实现:改变左边转盘的选项,右边转盘内容发生相应的变化。这个功能要用到的函数我们上次也使用到了。

这次,我们先把要用到的代码写好,然后再用Interface Builder创建控件、实现映射等。

1、运行Xcode 4.2,新建一个Single VIEw Application,名称为UIPickerVIEw Test2:

2、创建数据。我们用到的数据如下:

江苏省:南京市  无锡市  徐州市  常州市  苏州市  南通市  连云港市  淮安市  盐城市  扬州市  镇江市  泰州市  宿迁市浙江省:杭州市  宁波市  温州市  嘉兴市  湖州市  绍兴市  金华市  衢州市  舟山市  台州市  丽水市安徽省:合肥市  芜湖市  蚌埠市  淮南市  马鞍山市  淮北市  铜陵市  安庆市  黄山市  滁州市  阜阳市  宿州市  巢湖市  六安市  亳州市  池州市  宣城市福建省:福州市  厦门市  莆田市  三明市  泉州市  漳州市  南平市  龙岩市  宁德市江西省:南昌市  景德镇市  萍乡市  九江市  新余市  鹰潭市  赣州市  吉安市  宜春市  抚州市  上饶市山东省:济南市  青岛市  淄博市  枣庄市  东营市  烟台市  潍坊市  济宁市  泰安市  威海市  日照市  莱芜市  临沂市  德州市  聊城市  滨州市  菏泽市河南省:郑州市  开封市  洛阳市  平顶山市  安阳市  鹤壁市  新乡市  焦作市  濮阳市  许昌市  漯河市  三门峡市  南阳市  商丘市  信阳市  周口市  驻马店市广东省:广州市  深圳市  珠海市  汕头市  韶关市  佛山市  江门市  湛江市  茂名市  肇庆市  惠州市  梅州市  汕尾市  河源市  阳江市  清远市  东莞市  中山市  潮州市  揭阳市  云浮市四川省:成都市  自贡市  攀枝花市  泸州市  德阳市  绵阳市  广元市  遂宁市  内江市  乐山市  南充市  眉山市  宜宾市  广安市  达州市  雅安市  巴中市  资阳市

在前边的文章中曾经提到过pList文件,现在,我们就要用pList文件存储以上数据。为此,选择file — New — New file,在打开的窗口中,左边选择iOS中的Resource,右边选择Property List:

单击Next,在打开的窗口中,Save As中输入名称provinceCitIEs,Group选择Supporting files:

单击Create,就创建了provinceCitIEs.pList。然后往其中添加数据,如下图所示:

3、单击VIEwController.h,向其中添加代码:

#import <UIKit/UIKit.h>#define kProvinceComponent 0#define kCityComponent 1@interface VIEwController : UIVIEwController <UIPickerVIEwDelegate,UIPickerVIEwDataSource>@property (strong,nonatomic) IBOutlet UIPickerVIEw *picker;@property (strong,nonatomic) NSDictionary *provinceCitIEs;@property (strong,nonatomic) NSArray *provinces;@property (strong,nonatomic) NSArray *citIEs;- (IBAction)buttonpressed;@end

4、单击VIEwController.m,向其中添加代码:

4.1 在@implementation下一行添加代码:

@synthesize picker;@synthesize provinceCitIEs;@synthesize provinces;@synthesize citIEs;

4.2 在VIEwDIDLoad方法中添加代码:

- (voID)vIEwDIDLoad{    [super vIEwDIDLoad];	// Do any additional setup after loading the vIEw,typically from a nib.    NSBundle *bundle = [NSBundle mainBundle];    NSURL *pListURL = [bundle URLForResource:@"provinceCitIEs" withExtension:@"pList"];        NSDictionary *dictionary = [NSDictionary dictionaryWithContentsOfURL:pListURL];    self.provinceCitIEs = dictionary;    NSArray *components = [self.provinceCitIEs allKeys];    NSArray *sorted = [components sortedArrayUsingSelector:@selector(compare:)];    self.provinces = sorted;        Nsstring *selectedState = [self.provinces objectAtIndex:0];    NSArray *array = [provinceCitIEs objectForKey:selectedState];    self.citIEs = array;}

代码中

NSBundle *bundle = [NSBundle mainBundle];

用于获得当前程序的Main Bundle,这个Bundle可以看成是一个文件夹,其中的内容遵循特定的框架。Main Bundle的一种主要用途是使用程序中的资源,如图片、声音等,本例中使用的是pList文件。下面的一行

NSURL *pListURL = [bundle URLForResource:@"provinceCitIEs" withExtension:@"pList"];

用来获取provinceCitIEs.pList的路径,之后将这个文件中的内容都放在一个NSDictionary对象中,用的是

NSDictionary *dictionary = [NSDictionary dictionaryWithContentsOfURL:pListURL];

4.3 找到vIEwDIDUnload方法,添加代码:

- (voID)vIEwDIDUnload{    [super vIEwDIDUnload];    // Release any retained subvIEws of the main vIEw.    // e.g. self.myOutlet = nil;    self.picker = nil;    self.provinceCitIEs = nil;    self.provinces = nil;    self.citIEs = nil;}

4.4 在@end之前添加代码,实现buttonpressed方法:

- (IBAction)buttonpressed:(ID)sender {    NSInteger provinceRow = [picker selectedRowInComponent:kProvinceComponent];    NSInteger cityRow = [picker selectedRowInComponent:kCityComponent];        Nsstring *province = [self.provinces objectAtIndex:provinceRow];    Nsstring *city = [self.citIEs objectAtIndex:cityRow];        Nsstring *Title = [[Nsstring alloc] initWithFormat:@"你选择了%@.",city];    Nsstring *message = [[Nsstring alloc] initWithFormat:@"%@属于%@",city,province];        UIAlertVIEw *alert = [[UIAlertVIEw alloc] initWithTitle:Title message:message delegate:nil cancelbuttonTitle:@"好的" otherbuttonTitles: nil];    [alert show];}

4.5 在@end之前添加代码:

#pragma mark -#pragma mark Picker Date Source Methods- (NSInteger)numberOfComponentsInPickerVIEw:(UIPickerVIEw *)pickerVIEw {    return 2;}- (NSInteger)pickerVIEw:(UIPickerVIEw *)pickerVIEw numberOfRowsInComponent:(NSInteger)component {    if (component == kProvinceComponent) {        return [self.provinces count];    }    return [self.citIEs count];}#pragma mark Picker Delegate Methods- (Nsstring *)pickerVIEw:(UIPickerVIEw *)pickerVIEw TitleForRow:(NSInteger)row forComponent:(NSInteger)component {    if (component == kProvinceComponent) {        return [self.provinces objectAtIndex:row];    }    return [self.citIEs objectAtIndex:row];}- (voID)pickerVIEw:(UIPickerVIEw *)pickerVIEw dIDSelectRow:(NSInteger)row inComponent:(NSInteger)component {    if (component == kProvinceComponent) {        Nsstring *selectedState = [self.provinces objectAtIndex:row];        NSArray *array = [provinceCitIEs objectForKey:selectedState];        self.citIEs = array;        [picker selectRow:0 inComponent:kCityComponent animated:YES];        [picker reloadComponent:kCityComponent];    }}- (CGfloat)pickerVIEw:(UIPickerVIEw *)pickerVIEw wIDthForComponent:(NSInteger)component {    if (component == kCityComponent) {        return 150;    }    return 140;}

可以看到,跟上篇文章的例子相比,大部分代码是一样的,不同的是增加了pickerVIEw:(UIPickerVIEw *)pickerVIEw dIDSelectRow:(NSInteger)row inComponent:(NSInteger)component这个方法。这个方法中,当检测到修改的是左边转盘的值,则将self.citIEs中的内容替换成相应的数组,并执行[picker reloadComponent:kCityComponent];这个语句。

最后一个方法

(CGfloat)pickerVIEw:(UIPickerVIEw *)pickerVIEw wIDthForComponent:(NSInteger)component

可以用来修改每个转盘的宽度,虽然在这个例子中不必要,但是我们得知道是怎么做的。

代码部分结束,接下来是使用Interface Builder添加控件、创建映射。

5、单击VIEwController.xib,往其中添加一个UIPickerVIEw控件和一个button,按钮的名称改为“选择”,具体方法参照前面一篇文章:

接下来要做的就是拉几条线。

6、选中新添加的UIPickerVIEw控件,按住Control,拖到file’s Owner图标,在d出菜单选择delegate和dataSource:

打开Assistant Editor,确保其中打开的是VIEwController.h,然后从picker属性前边的小圆圈拉线到UIPickerVIEw控件:

同样,从buttonpressed方法前边的小圆圈拉线到“选择”按钮。

7、运行:

最终代码:http://www.oschina.net/code/snippet_164134_11067

总结

以上是内存溢出为你收集整理的iOS开发12:UIPickerView控件(2)全部内容,希望文章能够帮你解决iOS开发12:UIPickerView控件(2)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1092057.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存