服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - IOS - 详解iOS开发中UIPickerView控件的使用方法

详解iOS开发中UIPickerView控件的使用方法

2020-12-28 11:04iOS开发网 IOS

这篇文章主要介绍了详解iOS开发中UIPickerView控件的使用方法,代码基于传统的Objective-C,需要的朋友可以参考下

uipickerview控件在给用户选择某些特定的数据时经常使用到,这里演示一个简单的选择数据,显示在uitextfield输入框里,把uipickerview作为输入view,用toolbar作为选定数据的按钮。和其他uitableview控件相似,uipickerview也需要数据源。
我们要实现的效果如下:

详解iOS开发中UIPickerView控件的使用方法

下面开始使用的步骤。
1、打开xcode 4.3.2,新建一个single view application ,命名为pickerviewdemo,company identifier 为:com.rongfzh.yc
2、拖放控件
2.1、拖放一个uipickerview,放置在view的最下方
2.2、拖放一个toolbar控件,放置在view的外面,让它不属于view的子控件,并把item命名为“完成”,效果如下:

详解iOS开发中UIPickerView控件的使用方法

2.3 放置一个flexible space bar button item 撑开

详解iOS开发中UIPickerView控件的使用方法

2.4  放一个uitextfield,用来显示选择的数据

详解iOS开发中UIPickerView控件的使用方法

3、创建映射
在viewcontroller.xib文件里按 alt + command+ enter键,打开assistant editor,按住control键,选择各个控件,拖拽到 viewcontroller.h文件里,生成以下变量代码

复制代码 代码如下:


#import <uikit/uikit.h>

 

@interface viewcontroller : uiviewcontroller
{
    nsarray *pickerarray;
}
- (ibaction)selectbutton:(id)sender;
@property (strong, nonatomic) iboutlet uitoolbar *donetoolbar;

@property (strong, nonatomic) iboutlet uipickerview *selectpicker;
@property (strong, nonatomic) iboutlet uitextfield *textfield;
@end

 

 

详解iOS开发中UIPickerView控件的使用方法

4、实现数据源和协议
viewcontroller.h文件里实现

复制代码 代码如下:


<uipickerviewdelegate, uitextfielddelegate,uipickerviewdatasource>
#import <uikit/uikit.h>

 

@interface viewcontroller : uiviewcontroller<uipickerviewdelegate, uitextfielddelegate,uipickerviewdatasource>
{
    nsarray *pickerarray;
}
- (ibaction)selectbutton:(id)sender;
@property (strong, nonatomic) iboutlet uitoolbar *donetoolbar;

@property (strong, nonatomic) iboutlet uipickerview *selectpicker;
@property (strong, nonatomic) iboutlet uitextfield *textfield;
@end


viewcontroller.m文件

复制代码 代码如下:


-(nsinteger)numberofcomponentsinpickerview:(uipickerview *)pickerview{
    return 1;
}
-(nsinteger) pickerview:(uipickerview *)pickerview numberofrowsincomponent:(nsinteger)component{
    return [pickerarray count];
}
-(nsstring*) pickerview:(uipickerview *)pickerview titleforrow:(nsinteger)row forcomponent:(nsinteger)component{
    return [pickerarray objectatindex:row];
}

 

-(void)textfielddidendediting:(uitextfield *)textfield{
    nsinteger row = [selectpicker selectedrowincomponent:0];
    self.textfield.text = [pickerarray objectatindex:row];
}


上面numberofcomponentsinpickerview返回有几个pickerview ,
textfielddidendediting这个在textfield结束编辑时,显示pickerview选择中的数据。

 

toolbar 的item的完成按钮

复制代码 代码如下:

- (ibaction)selectbutton:(id)sender {
    [textfield endediting:yes];
}


5、初始化

复制代码 代码如下:


- (void)viewdidload
{
    [super viewdidload];
    pickerarray = [nsarray arraywithobjects:@"动物",@"植物",@"石头",@"天空", nil];
    textfield.inputview = selectpicker;
    textfield.inputaccessoryview = donetoolbar;
    textfield.delegate = self;
    selectpicker.delegate = self;
    selectpicker.datasource = self;
    selectpicker.frame = cgrectmake(0, 480, 320, 216);

 

}


代码解释:
设置委托
   textfield.delegate =self;
    selectpicker.delegate =self;
    selectpicker.datasource =self;

 

隐藏uipickerview

复制代码 代码如下:

    selectpicker.frame =cgrectmake(0,480,320, 216);


运行:

 

详解iOS开发中UIPickerView控件的使用方法

uipickerview控件的关联选择

详解iOS开发中UIPickerView控件的使用方法

当选择左边的一级选项时,左边展示一级选项里含有的二级选项,选择后显示在textfield里。
如何实现呢?建立一个和左边的列表key对应的数组,当选择这个key时,刷新左边uipickerview部分的内容显示对应数组的数据,选择时,找到
两个uipickerview部件rowindex,找出数据,放到textfield里。
1、打开上篇pickerviewdemo项目,在viewcontroller.h添加两个成员变量:nsarray *subpickerarray; nsdictionary *dicpicker;

复制代码 代码如下:


#import <uikit/uikit.h>

 

@interface viewcontroller : uiviewcontroller<uipickerviewdelegate, uitextfielddelegate,uipickerviewdatasource>
{
    nsarray *pickerarray;
    nsarray *subpickerarray;
    nsdictionary *dicpicker;
}
- (ibaction)selectbutton:(id)sender;
@property (strong, nonatomic) iboutlet uitoolbar *donetoolbar;
@property (strong, nonatomic) iboutlet uipickerview *selectpicker;
@property (strong, nonatomic) iboutlet uitextfield *textfield;
@end


2、初始化

复制代码 代码如下:


- (void)viewdidload
{
    [super viewdidload];
    pickerarray = [nsarray arraywithobjects:@"动物",@"植物",@"石头", nil];
    dicpicker = [nsdictionary dictionarywithobjectsandkeys:
                 [nsarray arraywithobjects:@"鱼",@"鸟",@"虫子",            nil], @"动物",
                 [nsarray arraywithobjects:@"花",@"草",@"葵花",            nil], @"植物",
                 [nsarray arraywithobjects:@"疯狂的石头",@"花岗岩",@"鹅卵石", nil], @"石头",nil];
   
    subpickerarray = [dicpicker objectforkey:@"动物"];
    textfield.inputview = selectpicker;
    textfield.inputaccessoryview = donetoolbar;
    textfield.delegate = self;
    selectpicker.delegate = self;
    selectpicker.datasource = self;
    selectpicker.frame = cgrectmake(0, 480, 320, 216);

 

}


给 nsdictionary *dicpicker;赋值,对应的三个关键字添加了对应的数组。
3、component返回两个,这样就有两个齿轮了。

复制代码 代码如下:

-(nsinteger)numberofcomponentsinpickerview:(uipickerview *)pickerview{
    return 2;
}


4、使用宏
在#import "viewcontroller.h"下面定义两个宏,代表uipickerview齿轮的左边的部分和右边的部分。左边的部分是0,右边的是1.

复制代码 代码如下:

#import "viewcontroller.h"
#define kfirstcomponent 0
#define ksubcomponent 1


5、判断是那个齿轮,返回相应的数据的count。

复制代码 代码如下:


-(nsinteger) pickerview:(uipickerview *)pickerview numberofrowsincomponent:(nsinteger)component{
    if(component == kfirstcomponent){
        return [pickerarray count];
    }else {
        return [subpickerarray count];
    }

 

}


6、根据component返回相应的string数据

复制代码 代码如下:

    -(nsstring*) pickerview:(uipickerview *)pickerview titleforrow:(nsinteger)row forcomponent:(nsinteger)component{
    if(component == kfirstcomponent){
        return [pickerarray objectatindex:row];
    }else {
        return [subpickerarray objectatindex:row];
    }
}


7、拖动左边的齿轮时,右边的数据相应的reload更新。

复制代码 代码如下:

-(void)pickerview:(uipickerview *)pickerview didselectrow:(nsinteger)row incomponent:(nsinteger)component{
    if (component == kfirstcomponent) {
        subpickerarray = [dicpicker objectforkey:[pickerarray objectatindex:row]];
        [pickerview selectrow:0 incomponent:ksubcomponent animated:yes];
        [pickerview reloadcomponent:ksubcomponent];
    }
}


8、相应选择的数据,并显示在textfield上。

复制代码 代码如下:


-(void)textfielddidendediting:(uitextfield *)textfield{
    nsinteger firstviewrow = [selectpicker selectedrowincomponent:kfirstcomponent];
    nsinteger subviewrow = [selectpicker selectedrowincomponent:ksubcomponent];
    nsstring * firststring = [pickerarray objectatindex:firstviewrow];
    nsstring * substring =  [[dicpicker objectforkey:[pickerarray objectatindex:firstviewrow]] objectatindex:subviewrow] ;
    nsstring *textstring = [[nsstring alloc ] initwithformat:@"您选择了:%@%@%@", firststring, @" 里的 ", substring];
    self.textfield.text = textstring;
}

 

- (ibaction)selectbutton:(id)sender {
    [textfield endediting:yes];
}


大功告成,运行,点击textfield,弹出:

 

详解iOS开发中UIPickerView控件的使用方法

延伸 · 阅读

精彩推荐
  • IOSiOS开发之视图切换

    iOS开发之视图切换

    在iOS开发中视图的切换是很频繁的,独立的视图应用在实际开发过程中并不常见,除非你的应用足够简单。在iOS开发中常用的视图切换有三种,今天我们将...

    执着丶执念5272021-01-16
  • IOSiOS中UILabel实现长按复制功能实例代码

    iOS中UILabel实现长按复制功能实例代码

    在iOS开发过程中,有时候会用到UILabel展示的内容,那么就设计到点击UILabel复制它上面展示的内容的功能,也就是Label长按复制功能,下面这篇文章主要给大...

    devilx12792021-04-02
  • IOSiOS开发技巧之状态栏字体颜色的设置方法

    iOS开发技巧之状态栏字体颜色的设置方法

    有时候我们需要根据不同的背景修改状态栏字体的颜色,下面这篇文章主要给大家介绍了关于iOS开发技巧之状态栏字体颜色的设置方法,文中通过示例代码...

    梦想家-mxj8922021-05-10
  • IOS详解iOS中多个网络请求的同步问题总结

    详解iOS中多个网络请求的同步问题总结

    这篇文章主要介绍了详解iOS中多个网络请求的同步问题总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    liang199111302021-03-15
  • IOSiOS自定义UICollectionViewFlowLayout实现图片浏览效果

    iOS自定义UICollectionViewFlowLayout实现图片浏览效果

    这篇文章主要介绍了iOS自定义UICollectionViewFlowLayout实现图片浏览效果的相关资料,需要的朋友可以参考下...

    jiangamh8882021-01-11
  • IOSiOS中滑动控制屏幕亮度和系统音量(附加AVAudioPlayer基本用法和Masonry简单使用)

    iOS中滑动控制屏幕亮度和系统音量(附加AVAudioPlayer基本用法和

    这篇文章主要介绍了iOS中滑动控制屏幕亮度和系统音量(附加AVAudioPlayer基本用法和Masonry简单使用)的相关资料,需要的朋友可以参考下...

    CodingFire13652021-02-26
  • IOSiOS中MD5加密算法的介绍和使用

    iOS中MD5加密算法的介绍和使用

    MD5加密是最常用的加密方法之一,是从一段字符串中通过相应特征生成一段32位的数字字母混合码。对输入信息生成唯一的128位散列值(32个字符)。这篇文...

    LYSNote5432021-02-04
  • IOSiOS实现控制屏幕常亮不变暗的方法示例

    iOS实现控制屏幕常亮不变暗的方法示例

    最近在工作中遇到了要将iOS屏幕保持常亮的需求,所以下面这篇文章主要给大家介绍了关于利用iOS如何实现控制屏幕常亮不变暗的方法,文中给出了详细的...

    随风13332021-04-02