uipickerview控件是比uidatepicker控件更普通的picker控件,uidatepicker控件可以理解成是从uipickerview控件加工出来的专门进行日期选择的控件。
uipickerview控件的用法比uidatepicker复杂一点。本文中的小例子将用uipickerview控件做出两种效果,第一个只有一个转盘,第二个有两个转盘,但这两个转盘之间没有依赖关系,也就是说改变其中一个转盘中的选择,不会对第二个转盘产生影响。在下一篇文章会做一个转盘之间有依赖关系的例子。
下图是我们的效果图:
第一个uipickerview控件可以用来选择horse,sheep,pig,dog,cat,chicken,duck,goose;第二个uipickerview在第一个基础上增加了一个转盘。
闲话少说,接下来就开始。
1、运行xcode,新建一个single view application,名称为uipickerview test1,其他设置如下图:
2、单击viewcontroller.xib,然后拖一个picker view控件到视图上:
然后再拖一个button到picker view下方,并修改名称为select:
3、在viewcontroller.h中为picker view控件创建outlet映射,名称为mypickerview,然后为select按钮创建action映射,名称为buttonpressed,具体方法不说了,可以参照上一篇文章。
4、选中picker view控件,打开connections inspector,找到delegate和datasource,从它们右边的圆圈拉线到file's owner:
5、单击viewcontroller.h,在其中添加代码:
@interface viewcontroller : uiviewcontroller<uipickerviewdelegate, uipickerviewdatasource>
@property (weak, nonatomic) iboutlet uipickerview *mypickerview;
@property (strong, nonatomic) nsarray *mypickerdata;
- (ibaction)buttonpressed:(id)sender;
@end
6、代码添加:
6.1 单击viewcontroller.m,在@implementation的下一行添加代码:
- (nsinteger)numberofcomponentsinpickerview:(uipickerview *)pickerview {
return 1;
}
- (nsinteger)pickerview:(uipickerview *)pickerview numberofrowsincomponent:(nsinteger)component {
return [mypickerdata count];
}
#pragma mark picker delegate methods
- (nsstring *)pickerview:(uipickerview *)pickerview titleforrow:(nsinteger)row forcomponent:(nsinteger)component {
return [mypickerdata objectatindex:row];
}
上面的例子只有一个转盘,接下来我们在此基础上增加一个转盘,第一个转盘不变,第二个转盘可以选择tree,flower,grass,fence,house,table,chair,book,swing。只要添加代码就行了。
8、单击viewcontroller.h,在@interface下一行添加代码:
9.1 在@implementation的下一行添加代码:
nsstring *msg = [[nsstring alloc] initwithformat:
@"you selected %@ and %@!", selected, selected_2];
uialertview *alert = [[uialertview alloc] initwithtitle:@"hello!"
message:msg
delegate:nil
cancelbuttontitle:@"yes, i did."
otherbuttontitles:nil];
[alert show];
}
进阶实例
下面要用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,向其中添加代码:
#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.1 在@implementation下一行添加代码:
- (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;
}
最后一个方法
代码部分结束,接下来是使用interface builder添加控件、创建映射。
5、单击viewcontroller.xib,往其中添加一个uipickerview控件和一个button,按钮的名称改为“选择”,具体方法参照前面一
接下来要做的就是拉几条线。
6、选中新添加的uipickerview控件,按住control,拖到file's owner图标,在弹出菜单选择delegate和datasource:
打开assistant editor,确保其中打开的是viewcontroller.h,然后从picker属性前边的小圆圈拉线到uipickerview控件:
同样,从buttonpressed方法前边的小圆圈拉线到“选择”按钮。
7、运行:
如对本文有疑问, 点击进行留言回复!!
解决Android10读取不到/sdcard/、/storage/emulated/0/文件的问题
Codeforces Round #649 (Div. 2)-B. Most socially-distanced subsequence(思维)
IOS开发教程第一季之UI进阶day2合并IOS学习013--App启动过程、多控制器管理
网友评论