affichage bouton terminé sur UIPickerview

Vous pouvez créer une vue et d'ajouter une barre d'outils avec le bouton "Terminé" et UIPickerView comme des sous-vues

- (void)createInputView {
    CGFloat screenWidth = [UIScreen mainScreen].bounds.size.width;

    UIToolbar *toolBar= [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, screenWidth, 44)];
    [toolBar setBarStyle:UIBarStyleDefault];
    UIBarButtonItem *flex = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:self action:nil];

    UIBarButtonItem *barButtonDone = [[UIBarButtonItem alloc] initWithTitle:@"Done"
                                                                  style:UIBarButtonItemStyleBordered
                                                                 target:self
                                                                 action:@selector(doneClicked)];
    toolBar.items = @[flex, barButtonDone];
    barButtonDone.tintColor = [UIColor blackColor];

    UIPickerView *picker = [[UIPickerView alloc] initWithFrame:CGRectMake(0, toolBar.frame.size.height, screenWidth, 200)];
    picker.delegate = self;
    picker.dataSource = self;
    picker.showsSelectionIndicator = YES;


    UIView *inputView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, screenWidth, toolBar.frame.size.height + picker.frame.size.height)];
    inputView.backgroundColor = [UIColor clearColor];
    [inputView addSubview:picker];
    [inputView addSubview:toolBar];

    textField.inputView = inputView;
}

- (void)doneClicked {
    [textField resignFirstResponder];
}

Copier-pasteable solution!

Cela fonctionne sous iOS 10 (et probablement d'autres versions aussi) j'ai écrit ce code sur 9/4/2017.

J'avais besoin de combiner d'autres réponses pour obtenir ce que je voulais, qui a été un Cancel bouton, Done bouton, et un sélecteur de vue sur afficher/masquer le robinet d'un bouton. Ignorer le fait que ma capture d'écran n'a qu'un seul élément dans le sélecteur.. je n'ai qu'un seul élément dans mon tableau. J'ai testé plusieurs articles, il fonctionne très bien.

Avertissement! J'ai testé et utilisé ce code. J'ai généralisé le nom dans mon exemple, donc je m'excuse à l'avance si j'ai raté un et ils ont des noms de propriété ne sont pas alignés.

Afin d'avoir une pickerView qui apparaît sur le robinet d'un bouton, vous devez créer un dummyTextField (de type UITextField n'importe où dans votre vue-contrôleur. C'est parce que UIPickerView's sont conçus pour fonctionner avec UITextFields. Pour imiter l'affichage et le masquage du sélecteur, votre bouton robinets besoin d'appeler le dummyTextField de becomeFirstResponder et resignFirstResponder méthodes. (exemples ci-dessous)

La première étape

Créer une source de données personnalisée de classe. MyObj est la classe, vous voulez avoir les éléments apparaissent dans le sélecteur.

Dans .h:

#import <UIKit/UIKit.h>
@class myObj;

@interface PickerDataSource : NSObject <UIPickerViewDataSource, UIPickerViewDelegate>
@property (nonatomic, strong) MyObj *selectedObject;
@end

Dans .m:

#import "PickerDataSource.h"
#import "MyObj.h"

@implementation PickerDataSource

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
    self.selectedObject = mySourceArray[row];
}

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {
    return mySourceArray.count;
}

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

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component {
    return ((MyObj *)mySourceArray[row]).myTitle;
}

- (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component {
    int sectionWidth = 300;
    return sectionWidth;
}

@end

Étape deux Dans votre vue-contrôleur, importer des sources de données personnalisées, délégué, et de définir les propriétés: (Vous doit inclure le champ de texte délégué!)

#import "PickerDataSource.h"

@interface MyViewController () <UIPickerViewDelegate, UITextFieldDelegate>
@property (strong, nonatomic) PickerDataSource *pickerDataSource;
@property (strong, nonatomic) UIPickerView *picker;
@property (strong, nonatomic) UITextField *dummyTextField;
@end

Étape trois

Dans votre viewDidLoad, appel [self setupPicker]; (vous allez créer cette méthode suivante)

Étape quatre

Créer setupPicker

- (void)setupPicker {
    //init custom picker data source
    self.pickerDataSource = [PickerDataSource new];
    //init custom picker
    self.picker = [UIPickerView new];
    //set the picker's dataSource and delegate to be your custom data source
    self.picker.dataSource = self.pickerDataSource;
    self.picker.delegate = self.pickerDataSource;
    self.picker.showsSelectionIndicator = YES;

    //next step is to write this configure method getting called here
    [self configurePickerSubviews];

    //lastly, add the dummyTextField to your view.
    [self.view addSubview:self.dummyTextField];
}

Étape cinq

Créer configurePickerSubviews

- (void)configurePickerSubviews {
//A UIPickerView must be added as an inputView to a UITextField in order to be displayed on button tap
//So you need to create a dummyTextField to do so.
self.dummyTextField = [UITextField new];
//Create a toolbar to add a done button
UIToolbar *toolBar= [[UIToolbar alloc] initWithFrame:CGRectMake(0,0,[UIScreen mainScreen].bounds.size.width,44)];
[toolBar setBarStyle:UIBarStyleDefault];
UIBarButtonItem *done = [[UIBarButtonItem alloc] initWithTitle:@"Done" style:UIBarButtonItemStylePlain target:self action:@selector(locationPressed)];
//Create a flex space so that done button will be right aligned
UIBarButtonItem *flex = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:self action:nil];
UIBarButtonItem *cancel = [[UIBarButtonItem alloc] initWithTitle:@"Cancel" style:UIBarButtonItemStylePlain target:self action:@selector(dismissPicker)];
toolBar.items = @[cancel, flex, done];
done.tintColor = [UIColor blackColor];
[self.picker addSubview:toolBar];
//Create an input view to add picker + done button as subviews
UIView *inputView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, self.picker.frame.size.height + 44)];
[self.picker setFrame:CGRectMake(0, 0, inputView.frame.size.width, inputView.frame.size.height)];
inputView.backgroundColor = [UIColor clearColor];
[inputView addSubview:self.picker];
[inputView addSubview:toolBar];
//Set custom inputView as container for picker view
self.dummyTextField.inputView = inputView;
//Hiding the textfield will hide the picker
[self.dummyTextField setHidden:YES];
}

Étape six

Configurer le PickerDataSource de sorte qu'il est de récupérer les données que vous voulez afficher dans votre tableau source.

Étape 7

Cliquez sur Run!

De l'essayer.

UIPickerView *cityPicker = [[UIPickerView alloc] initWithFrame:CGRectZero];
cityPicker.delegate = self;
cityPicker.dataSource = self;
[cityPicker setShowsSelectionIndicator:YES];
txtText.inputView = cityPicker;
//Create done button in UIPickerView
UIToolbar*  mypickerToolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, 320, 56)];
mypickerToolbar.barStyle = UIBarStyleBlackOpaque;
[mypickerToolbar sizeToFit];
NSMutableArray *barItems = [[NSMutableArray alloc] init];
UIBarButtonItem *flexSpace = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:self action:nil];
[barItems addObject:flexSpace];
UIBarButtonItem *doneBtn = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(pickerDoneClicked)];
[barItems addObject:doneBtn];
[mypickerToolbar setItems:barItems animated:YES];
txtText.inputAccessoryView = mypickerToolbar;  //set the toolbar as input accessory view  for uitextfield, not the pickerview.

http://technopote.com/how-to-make-multiple-uipickerview-in-a-single-view/