如何为 iOS 7 创建弹出式 uipicker 和 uitextfield？

Question

我需要将选择器添加到我的文本框中，但不知道如何让它们工作。我已经阅读了许多教程，向您展示了如何从头开始，如果您有一个现有的应用程序并且您想要添加功能，这有点没用，在大多数情况下它们并不是很有帮助。

我正在寻找与下图非常相似的东西。下面显示的显然是一个UIDatepicker，但理想情况下

我正在寻找“地点”、“期限”和“门”的自定义选择器。

所以现在，跳过 UIDatepicker 项，专注于自定义选择器项。

还有一件事，这是 iOS7，我正在使用 storyboards AND arc！

我遇到了这个 (http://www.youtube.com/watch?v=BtmQp5aP304)，它确实很有帮助，但它又是从头开始。我不知道如何在我现有的代码中实现这一点。所以我正在寻找一个演练，一个有人可以指点我开始的教程。

stackoverflow 上有这个 -> how to pop up datePicker when text filed click and disappear when editing done

这给了我一些想法，但不完全是我想要的，尝试了这些建议并最终得到比其他任何东西都多的错误。

谢谢。

Answer 1

 @interface ViewController ()<UIPickerViewDataSource,UIPickerViewDelegate>

@implementation ViewController
{
  UIPopoverController *popoverController;
      NSString *currentPick;
    ….
}
.
.
.
-(void)makePicker{

 UIPickerView *picker = [[[UIPickerView alloc]init]autorelease];
        picker.frame = CGRectMake(0, 50, 320, 1000);
        picker.showsSelectionIndicator = YES;
        picker.delegate = self;
 UIButton *done = [UIButton buttonWithType:UIButtonTypeRoundedRect];
        [done setBackgroundImage:[UIImage imageNamed:@"Save.png"] forState:UIControlStateNormal];
        [done setFrame:CGRectMake(260, 10, 50, 30)];
        [done addTarget:self action:@selector(doneButton:) forControlEvents:UIControlEventTouchUpInside];
 UIButton *cancel = [UIButton buttonWithType:UIButtonTypeRoundedRect];
        [cancel setBackgroundImage:[UIImage imageNamed:@"Cancel.png"] forState:UIControlStateNormal];
        [cancel setFrame:CGRectMake(10, 10, 50, 30)];
        [cancel addTarget:self action:@selector(cancelButton:) forControlEvents:UIControlEventTouchUpInside];


 if ([UIDevice currentDevice].userInterfaceIdiom == UIUserInterfaceIdiomPhone)
    {
        UIActionSheet *pickerAction = [[[UIActionSheet alloc]initWithTitle:[cells objectAtIndex:indexPath.section] delegate:self cancelButtonTitle:nil destructiveButtonTitle:Nil otherButtonTitles:nil]autorelease];
                    [pickerAction addSubview:picker];
        [pickerAction addSubview:done];
        [pickerAction addSubview:cancel];
        [pickerAction showInView:self.view];
        pickerAction.frame = CGRectMake(0,[UIScreen mainScreen].bounds.size.height - 330,320, 350);
    }else
    {
        UIViewController* popoverContent = [[UIViewController alloc] init];
        UIView* popoverView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 300)];
        [popoverView addSubview:picker];
        [popoverView addSubview:done];
        [popoverView addSubview:cancel];
        [popoverContent.view addSubview:popoverView];
        popoverController = [[UIPopoverController alloc] initWithContentViewController:popoverContent];
        [popoverController presentPopoverFromRect:<your frame> inView:self.view permittedArrowDirections:UIPopoverArrowDirectionUp animated:YES];
        popoverContent.contentSizeForViewInPopover = CGSizeMake(320, 260);
        [popoverView release];
        [popoverContent release];

    }
}
.
.
.

// mainArray here is a NSArray of several arrays, these arrays contain the titles for different selections… e.g. @[fontArray,colourArray,nameArray]

-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
    return [[mainArray objectAtIndex:clickedAt] count];
}

-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
    return 1;
}

-(NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
 return [[mainArray objectAtIndex:clickedAt] objectAtIndex:row];
}
-(void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{
   currentPick = [[mainArray objectAtIndex:clickedAt] objectAtIndex:row];
}


- (void)doneButton:(UIButton *)button
{
if ([UIDevice currentDevice].userInterfaceIdiom == UIUserInterfaceIdiomPhone)
{
    UIActionSheet *as = (UIActionSheet *)[button superview];
    [as dismissWithClickedButtonIndex:0 animated:YES];
}
else
    [popoverController dismissPopoverAnimated:YES];

// save your selections here using currentPick object
}

- (void)cancelButton:(UIButton *)button
{
if ([UIDevice currentDevice].userInterfaceIdiom == UIUserInterfaceIdiomPhone)
{
    UIActionSheet *as = (UIActionSheet *)[button superview];
    [as dismissWithClickedButtonIndex:0 animated:YES];
}
else
    [popoverController dismissPopoverAnimated:YES];
}

享受你的选择器；）

Answer 2

勾选这个，制作一个全屏 UIView ，一个 UIImageView ，一个 UIPickerView 和两个 UIButtons (保存和取消）在.xib然后 在你的 .h 文件中创建他们的出口：

@property (retain, nonatomic) IBOutlet UIView *bg_view;
@property (retain, nonatomic) IBOutlet UIImageView *bg_customImageView;
@property (retain, nonatomic) IBOutlet UIPickerView *myPicker;
- (IBAction)cancelOut:(UIButton *)sender;
- (IBAction)saveOut:(UIButton *)sender;
@property (retain, nonatomic) IBOutlet UIButton *saveButton;
@property (retain, nonatomic) IBOutlet UIButton *cancelButton;

然后在 .m 文件中：

-(void)customPickerShow
{
[self.bg_view setBackgroundColor:[UIColor colorWithRed:0.3 green:0.25 blue:0.05 alpha:0.5]];
[self.bg_view setHidden:NO];
self.navigationController.toolbarHidden = YES;
self.navigationController.navigationBarHidden = YES;
[self showMyPicker];
}

-(void)showMyPicker
{
[self.myPicker reloadAllComponents];
[self animatePicker];
}

-(void)animatePicker
{
self.cancelButton.frame = CGRectMake((framewidth/2) - 130, frameheight, 70, 1);
self.saveButton.frame = CGRectMake((framewidth/2) + 60, frameheight, 70, 1);
self.bg_customImageView.frame = CGRectMake((framewidth/2) - 140, frameheight, 280, 1);
[UIView beginAnimations:Nil context:Nil];
[UIView setAnimationDuration:0.3];
[UIView setAnimationDelegate:self];
self.bg_customImageView.frame = CGRectMake((framewidth/2) - 150, frameheight - 230, 300, 300);
self.cancelButton.frame = CGRectMake((framewidth/2) - 130, frameheight - 220, 50, 50);
self.saveButton.frame = CGRectMake((framewidth/2) + 80, frameheight - 220, 50, 50);
[UIView commitAnimations];
}


- (IBAction)cancelOut:(UIButton *)sender {
self.navigationController.navigationBarHidden = NO;
self.navigationController.toolbarHidden = NO;
[self.bg_view setHidden:YES];
}

- (IBAction)saveOut:(UIButton *)sender {

// save here your selections

self.navigationController.navigationBarHidden = NO;
self.navigationController.toolbarHidden = NO;
[self.bg_view setHidden:YES];
}

调用这个 [self customPickerShow]; 函数使其工作..

这看起来像带有选择器和按钮的操作表。您可以使用您选择的背景图片和您选择的animatePicker函数中的框架

进行自定义

不要忘记将此 bg_view 置于其他视图的顶部，并使其默认隐藏

Answer 3

纯粹使用 UIStoryboard 可能无法解决项目，或者不是最好的方法。这是我的解决方案。 1）创建一个自定义选择器 2）定义你的数据源和委托 3）将CustomPicker附加到目标TextField的inputView。 4）您可以在委托方法中进行设置 -(Bool)textFieldShouldBeginEditing:(UITextField *)textField

在这种方法中，我们通过编码（而不是通过 UIStoryboard）来添加 Picker。

我有this demo project 来表明这个目的。