????UIPickerView平常用的地方好像也不是很多，頂多就是一些需要選擇的地方鬓椭，這次項目需要這一個功能，我就單獨寫了一個簡單的demo关划，效果圖如下：

<h5>新增主頁面彈出view小染，在主頁面添加的代碼</h5>
<h6>有個小問題就是第四個直接添加在主頁彈出來的view好像被導(dǎo)航欄給覆蓋了，我還沒去研究贮折，就著急的先吧功能寫了裤翩。大家諒解下</h6>

9月-03-2016 17-49-51.gif

picker.gif

????實現(xiàn)的基本思路呢剩燥，其實也挺簡單的。我這里就說下我實現(xiàn)的過程立倍，然后貼上代碼片段灭红，大家可以看一下。

第一步：主頁面的設(shè)置

????這里其實也沒啥好說的口注，頁面上三個不能輸入的三個文本框变擒，然后點擊會彈出東西來。

//宏定義
#define YLSRect(x, y, w, h)  CGRectMake([UIScreen mainScreen].bounds.size.width * x, [UIScreen mainScreen].bounds.size.height * y, [UIScreen mainScreen].bounds.size.width * w,  [UIScreen mainScreen].bounds.size.height * h)

@interface ViewController ()<UITextFieldDelegate>
//聲明
/** text1 */
@property (nonatomic,strong) UITextField *text1;
/** text2 */
@property (nonatomic,strong) UITextField *text2;
/** text3 */
@property (nonatomic,strong) UITextField *text3;

@end

   - (void)viewDidLoad {
    [super viewDidLoad];
    self.title = @"Picker";
    
    //placeholder數(shù)組
    NSArray *placeholderArr = @[@"Picker OneVlaue",@"Picker TwoVlaue",@"Picker ThreeVlaue"];
    //循環(huán)添加文本框
    for (int i = 0; i < 3; i ++)
    {
        UITextField *text = [[UITextField alloc]initWithFrame:YLSRect(100/375, (140 + i * 60)/667, 175/375, 30/667)];
        text.borderStyle = UITextBorderStyleRoundedRect;
        text.backgroundColor = [UIColor lightGrayColor];
        text.tag = i + 1000;
        text.placeholder = placeholderArr[i];
        text.delegate = self;
        [self.view addSubview:text];
        if(text.tag == 1000)
        {
            self.text1 = text;
        }else if(text.tag == 1001)
        {
            self.text2 = text;
        }else
        {
            self.text3 = text;
        }
    }    
} 

????很多像我這樣的新手寝志，對textfiled的代理都不是很清楚娇斑，像我這個點擊文本框不進(jìn)行編輯，然后還能彈出自定義view的事件應(yīng)該在哪里實現(xiàn)呢材部，答案就是在

//點擊文本框時觸發(fā)的事件
- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField;

????就這樣毫缆，主頁面算是勾畫好了。接下來就是自定義view的部分了乐导。

第二步：實現(xiàn)自定義view

????1.創(chuàng)建類YLSOPickerView
????2.在.h文件中聲明變量苦丁，一個是需要傳入的數(shù)組，一個是彈出框的標(biāo)題物臂。還要聲明兩個方法：

@interface YLSOPickerView : UIView
/** array */
@property (nonatomic,strong) NSArray *array;
/** title */
@property (nonatomic,strong) NSString *title;
//快速創(chuàng)建
+(instancetype)pickerView;
//彈出
-(void)show;
@end

????3.接下來的就是最主要的工作旺拉，就是.m文件的編寫

• 宏定義

#define YLSRect(x, y, w, h)  CGRectMake([UIScreen mainScreen].bounds.size.width * x, [UIScreen mainScreen].bounds.size.height * y, [UIScreen mainScreen].bounds.size.width * w,  [UIScreen mainScreen].bounds.size.height * h)
#define YLSFont(f) [UIFont systemFontOfSize:[UIScreen mainScreen].bounds.size.width * f]
#define YLSColorAlpha(r,g,b,a) [UIColor colorWithRed:(r)/255.0 green:(g)/255.0 blue:(b)/255.0 alpha:(a)]
#define YLSMainBackColor [UIColor colorWithRed:240/255.0 green:239/255.0 blue:245/255.0 alpha:1]
#define BlueColor [UIColor colorWithRed:0/255.0 green:122/255.0 blue:255/255.0 alpha:1]
#define ClearColor [UIColor clearColor]

• 聲明需要用到的控件，遵守響應(yīng)的協(xié)議

@interface YLSOPickerView()<UIPickerViewDelegate,UIPickerViewDataSource>
/** view */
@property (nonatomic,strong) UIView *topView;
/** button */
@property (nonatomic,strong) UIButton *doneBtn;
/** pickerView */
@property (nonatomic,strong) UIPickerView *pickerView;
/** 選擇傳回的值 */
@property (nonatomic,strong) NSString *result;
@end

• 實現(xiàn)init方法和創(chuàng)建方法

//快速創(chuàng)建
+ (instancetype)pickerView
{
    return [[self alloc]init];
}

-(instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:YLSRect(0, 0, 1, 917/667)];
    if (self)
    {
        self.backgroundColor = YLSColorAlpha(0, 0, 0, 0.4);    
    }
    return self;
}

這里呢我要說一下的是鹦聪，為了達(dá)到在點擊文本框從下彈出的一個動態(tài)效果账阻，所以起初的時候我將整個view的長度設(shè)置成了一個屏幕的長度加上選擇器的長度蒂秘，在彈出方法中我將整個view上移著添加進(jìn)屏幕泽本。這樣會有好看點效果

• 添加頁面控件，設(shè)置樣式位置等

-(void)layoutSubviews
{
    [super layoutSubviews];
    
    self.topView = [[UIView alloc]initWithFrame:YLSRect(0, 667/667, 1, 250/667)];
    self.topView.backgroundColor = [UIColor whiteColor];
    [self addSubview:self.topView];
    
    //為view上面的兩個角做成圓角姻僧。不喜歡的可以注掉
    UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:self.topView.bounds byRoundingCorners:UIRectCornerTopLeft | UIRectCornerTopRight cornerRadii:CGSizeMake(5, 5)];
    CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
    maskLayer.frame = self.topView.bounds;
    maskLayer.path = maskPath.CGPath;
    self.topView.layer.mask = maskLayer;
    
    self.doneBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    [self.doneBtn setTitle:@"Done" forState:UIControlStateNormal];
    [self.doneBtn setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
    [self.doneBtn setFrame:YLSRect(320/375, 5/667, 50/375, 40/667)];
    [self.doneBtn addTarget:self action:@selector(quit) forControlEvents:UIControlEventTouchUpInside];
    [self.topView addSubview:self.doneBtn];
    
    UILabel *titlelb = [[UILabel alloc]initWithFrame:YLSRect(100/375, 0, 175/375, 50/667)];
    titlelb.backgroundColor = ClearColor;
    titlelb.textAlignment = NSTextAlignmentCenter;
    titlelb.text = self.title;
    titlelb.font = YLSFont(20/375);
    [self.topView addSubview:titlelb];
    
    self.pickerView = [[UIPickerView alloc]init];
    [self.pickerView setFrame:YLSRect(0, 50/667, 1, 200/667)];
    [self.pickerView setBackgroundColor:YLSMainBackColor];
    [self.pickerView setDelegate:self];
    [self.pickerView setDataSource:self];
    [self.pickerView selectRow:0 inComponent:0 animated:YES];
    [self.topView addSubview:self.pickerView];
    
}

同樣规丽，在這里我把topview的左上和右上兩個角設(shè)置成了圓角也就是為了好看點，其實沒啥區(qū)別撇贺，用的時候可以根據(jù)自己的需求來注釋掉啥的赌莺。

• 實現(xiàn)pickerView的協(xié)議方法

<UIPickerViewDelegate,UIPickerViewDataSource>

// 返回選擇器有幾列.
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
    return 1;
}

// 返回每組有幾行
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
    return [self.array count];
}

#pragma mark - 代理
// 返回第component列第row行的內(nèi)容（標(biāo)題）
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
    return self.array[row];
}

// 選中第component第row的時候調(diào)用
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{
    self.result = self.array[row];
}

• 先現(xiàn)實show方法，然后實現(xiàn)點擊按鈕Done的推出方法

//彈出
- (void)show
{
    [self showInView:[UIApplication sharedApplication].keyWindow];
}

//添加彈出移除的動畫效果
- (void)showInView:(UIView *)view
{
    // 浮現(xiàn)
    [UIView animateWithDuration:0.5 animations:^{
        CGPoint point = self.center;
        point.y -= 250;
        self.center = point;
    } completion:^(BOOL finished) {   
    }];
    [view addSubview:self];
}

-(void)quit
{
    [UIView animateWithDuration:0.5 animations:^{
        self.alpha = 0;
        CGPoint point = self.center;
        point.y += 250;
        self.center = point;
    } completion:^(BOOL finished) {
        if (!self.result) {
            self.result = self.array[0];
        }
        NSLog(@"%@",self.result);
        [[NSNotificationCenter defaultCenter]postNotificationName:@"value" object:self.result];
        [self removeFromSuperview];
    }];
}

在這里呢松嘶，需要注意的是艘狭，假設(shè)你沒有點擊，沒有滑動的話，self.result是空值巢音，所以需要你判斷下遵倦，若為空，傳入數(shù)組第一個數(shù)據(jù)官撼，不為空的話就直接傳遞了梧躺，另外我用的是通知傳值，因為block傳值我還沒有去學(xué)習(xí)了解傲绣，所以這里就用上我會的一個通知傳值掠哥，但是我有個小問題，希望看到的人回答下我秃诵，通知一般在什么時候移除比較好呢续搀？？

第三步：主頁實現(xiàn)點擊出現(xiàn)的方法顷链，并且接收回傳的值目代。

• 主頁面引入頭文件#import "YLSOPickerView.h"
• 實現(xiàn)點擊彈出的事件

#pragma mark - UITextFieldDelegate
//點擊文本框時觸發(fā)的事件，喚起跳出視圖
- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField
{
    if(textField.tag == 1000)
    {
        YLSOPickerView *picker = [[YLSOPickerView alloc]init];
        picker.array = @[@"iPhone4",@"iPhone4S",@"iPhone5",@"iPhone5S",@"iPhone5C",@"iPhone6",@"iPhone6Plus",@"iPhone6S",@"iPhone6SPlus"];
        picker.title = @"pick number";
        [picker show];
    }
    return NO;
}

-在- (void)viewDidLoad方法中接收通知嗤练，實現(xiàn)通知方法

[[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(getValue:) name:@"value" object:nil];

-(void)getValue:(NSNotification *)notification
{
    self.text1.text = notification.object;
}

這樣一來榛了，一個簡單的挑選單個數(shù)據(jù)的自定義選擇器就算是大功告成了，使用起來有些許不方法煞抬，大家如果使用的話可以自己修改修改霜大，此外要是有什么好的改進(jìn)方法，大家也可以教教我革答，一起學(xué)習(xí)學(xué)習(xí)

Others

 在另外兩個文本框點擊出現(xiàn)的選擇器本質(zhì)上還是與上面寫的一樣战坤，只是第二個數(shù)有聯(lián)動效果的，第一組數(shù)據(jù)滑動的時候残拐，第二組數(shù)據(jù)也跟著換途茫，那我在寫的時候傳入的數(shù)據(jù)是字典形式的，然后另外設(shè)置兩個數(shù)組將字典里的數(shù)據(jù)接收了溪食，當(dāng)然囊卜，開始就傳數(shù)組形式的數(shù)據(jù)也可以，只需要在協(xié)議方法里面修改響應(yīng)的代碼就可以了错沃。其他沒什么變化栅组。

傳值的時候
第三個文本框也同樣與前兩個本質(zhì)上行沒有啥區(qū)別，只是在上面多了一個隨機按鈕枢析，隨機按鈕點擊事件實現(xiàn)也挺簡單的

    self.ranBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    [self.ranBtn setTitle:@"Random" forState:UIControlStateNormal];
    [self.ranBtn setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
    [self.ranBtn setFrame:YLSRect(5/375, 5/667, 100/375, 40/667)];
    [self.ranBtn addTarget:self action:@selector(random:) forControlEvents:UIControlEventTouchUpInside];
    [self.topView addSubview:self.ranBtn];

-(void)random:(UIPickerView *)picker
{
    for (int i = 0; i < 3; i++)
    {
        // 取出第i列的行數(shù)
        NSInteger count = [self.array[i] count];
        int random = arc4random_uniform((u_int32_t)count);
        //不會觸發(fā)代理的選中方法
        [self.pickerView selectRow:random inComponent:i animated:YES];
        //label數(shù)據(jù)刷新
        [self pickerView:picker didSelectRow:random inComponent:i];
    }
}

這就ok了

新增

在熱心網(wǎng)友的提醒下玉掸，告知直接在頁面添加也可以，我就添加上去了醒叁，然后還有評論說可以直接textfield的inputview設(shè)置成pickerview司浪，這個可以的泊业，之前我也寫過的，但是剛才粗糙的加了個主頁面的view啊易，還沒有去寫inputview上的pickerview脱吱，等有時間再添加上去。另外也添加了dealloc方法认罩，移除通知了箱蝠。

這邊就是我所有的思路和大部分的代碼，雖然感覺沒啥用處垦垂，但是新手學(xué)習(xí)的話還是有些意思的宦搬。以上的demo呢，還有很多沒有完善的地方劫拗，要是大家有意見或者建議间校，留言評論下，討論下應(yīng)該怎么改怎么優(yōu)化啥的页慷，我很歡迎的憔足，希望大家可以一起學(xué)習(xí)啥的。也希望我自己能經(jīng)常寫出一些對大家有幫助的代碼酒繁。