欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

详解iOS App中UIPickerView滚动选择栏的添加方法

程序员文章站 2023-12-13 23:31:16
1.uipickerview的宽度和高度是固定的,纵向是320216,横向是568162 2.属性: 复制代码 代码如下: @property(nonatomic,r...

1.uipickerview的宽度和高度是固定的,纵向是320216,横向是568162

2.属性:

复制代码 代码如下:

@property(nonatomic,readonly)nsinteger numberofcomponents; // 选择框的行数

@property(nonatomic,assign)iduipickerviewdatasource> datasource; (类似于uitableview)

@property(nonatomic,assign)iduipickerviewdelegate>delegate; (类似于uitableview)

(bool)showsselectionindicator// 是否显示选择指示器 ,即是一个蓝色的条

pickerview = [[uipickerview alloc] initwithframe:cgrectmake(0, 0, 320, 216)]; 
//    指定delegate 
    pickerview.delegate=self; 
//    显示选中框 
    pickerview.showsselectionindicator=yes; 
    [self.view addsubview:pickerview]; 


以上可以在视图显示一个选取器,但是内容空白,pickerview.showsselectionindicator=yes;是这只当前选取器所选中的内容:

选取器上显示数据,必须依赖两个协议,uipickerviewdelegate和uipickerviewdatasource,把他们添加到viewcontroller.h文件中

复制代码 代码如下:

#import <uikit/uikit.h> 

@interface viewcontroller : uiviewcontroller<uipickerviewdelegate,uipickerviewdatasource> 

    uipickerview *pickerview; 
    nsarray *pickerdata; 

@end 


3.然后在.m文件的viewdidload中初始化界面
复制代码 代码如下:

- (void)viewdidload 

    [super viewdidload]; 
    // do any additional setup after loading the view, typically from a nib. 

    pickerview = [[uipickerview alloc] initwithframe:cgrectmake(0, 0, 320, 216)]; 
//    指定delegate 
    pickerview.delegate=self; 
//    显示选中框 
    pickerview.showsselectionindicator=yes; 
    [self.view addsubview:pickerview];  

    nsarray *dataarray = [[nsarray alloc]initwithobjects:@"许嵩",@"周杰伦",@"梁静茹",@"许飞",@"凤凰传奇",@"阿杜",@"方大同",@"林俊杰",@"胡夏",@"邱永传", nil]; 

    pickerdata=dataarray; 

//     添加按钮    
    cgrect frame = cgrectmake(120, 250, 80, 40); 
    uibutton *selectbutton = [uibutton buttonwithtype:uibuttontyperoundedrect]; 
    selectbutton.frame=frame; 
    [selectbutton settitle:@"select" forstate:uicontrolstatenormal]; 

    [selectbutton addtarget:self action:@selector(buttonpressed:) forcontrolevents:uicontroleventtouchupinside]; 

    [self.view addsubview:selectbutton]; 

}


4.实现uipickerview的代理方法,将数据显示在选取器上所需要几个方法
复制代码 代码如下:

#pragma mark - 
#pragma mark picker date source methods 

//返回显示的列数 
-(nsinteger)numberofcomponentsinpickerview:(uipickerview *)pickerview 

    return 1; 

//返回当前列显示的行数 
-(nsinteger)pickerview:(uipickerview *)pickerview numberofrowsincomponent:(nsinteger)component 

    return [pickerdata count]; 

#pragma mark picker delegate methods 

//返回当前行的内容,此处是将数组中数值添加到滚动的那个显示栏上 
-(nsstring*)pickerview:(uipickerview *)pickerview titleforrow:(nsinteger)row forcomponent:(nsinteger)component 

    return [pickerdata objectatindex:row]; 


前两个是数据源的代理方法,一个是返回列,有几个选取器就返回几,第二个是设置选取器有多少行,因为就这一个选取器,所以直接返回行数,即数组元素个数多少;第三个代理方法是将数组元素添加到了选取器上面显示;

说一下两个协议实例方法

uipickerviewdelegate中的实例方法

复制代码 代码如下:

// 当用户选择某个row时

- (void) pickerview: (uipickerview *)pickerview didselectrow: (nsinteger)row incomponent:                               (nsinteger)component

// 当其在绘制row内容,需要row的高度时

(cgfloat) pickerview:(uipickerview *)pickerview rowheightforcomponent: (nsinteger) component
// 返回指定component.row显示的文本

(nsstring *)pickerview:(uipickerview *)pickerview titleforrow:(nsinteger)row forcomponent:(nsinteger) component
// 当picker view需要给指定的component.row指定view时,调用此函数.返回值为用作row内容的view

(uiview *)pickerview: (uipickerview *)pickerview view forrow:(nsinteger) row forcomponent:(nsinteger) component reusingview:(uiview *) view
// row的宽度

(cgfloat)pickerview: (uipickerview *)pickerview widthforcomponent:(nsinteger) component


uipickerviewdatasource中的实例方法

按照官方文档的说法,uipickerviewdatasource这个协议仅有的功能就是提供picker view中component的个数和各个component中的row的个数,虽然名为datasource,但是它工作于mvc的c中

本协议仅有两个实例方法,均需要实现:

复制代码 代码如下:

// 返回列数

(nsinteger)numberofcomponentsinpickerview:(uipickerview *)pickerview
// 返回每一列对应的行数

(nsinteger) pickerview:(uipickerview *) pickerview numberofrowsincomponent:(nsinteger) component


5.关于按钮响应事件,关于按钮的形成和添加响应事件不再提,前面都有,
复制代码 代码如下:

(void) buttonpressed:(id)sender 

     nsinteger row =[pickerview selectedrowincomponent:0]; 
     nsstring *selected = [pickerdata objectatindex:row]; 
     nsstring *message = [[nsstring alloc] initwithformat:@"你选择的是:%@",selected]; 

    uialertview *alert = [[uialertview alloc] initwithtitle:@"提示"  
                                                    message:message 
                                                   delegate:self 
                                          cancelbuttontitle:@"ok" 
                                          otherbuttontitles: nil]; 
    [alert show]; 



@uipickerview还有其他实例方法
复制代码 代码如下:

// 获取指定列的行数

- (nsinteger) numberofrowsincomponent:(nsinteger)component

// 刷新所有的列

(void) reloadallcomponents
// 刷新指定的列

(void) reloadcomponent: (nsinteger) component

(cgsize) rowsizeforcomponent: (nsinteger) component

// 获取某列选择的行数

(nsinteger) selectedrowincomponent: (nsinteger) component
// 选择一行

(void) selectrow: (nsinteger)row incomponent: (nsinteger)component animated: (bool)animated

(uiview *) viewforrow: (nsinteger)row forcomponent: (nsinteger)component

ps:多个component对应不同title的方法
有时候我们需要有多个component的uipickerview并且对应不同的内容,比如地区的选择,需要有省份和城市两个选项,选择不同的省份,城市要相应发生变化。

下面假设component数量为2。

使用指定title的函数,根据[pickerview selectedrowincomponent:0]的不同来指定第二个component的title

复制代码 代码如下:

- (nsstring*)pickerview:(uipickerview*)pickerview titleforrow:(nsinteger)row forcomponent:(nsinteger)component {
}

但此时,会发现切换省份后,城市一栏没有办法及时刷新。

我们还要指定刷新事件。

复制代码 代码如下:

- (void)pickerview:(uipickerview *)pickerview didselectrow:(nsinteger)row incomponent:(nsinteger)component {
    [pickerview reloadcomponent:1];
}

上一篇:

下一篇: