Come aggiungere un pulsante "Fine" alla tastiera del tastierino numerico in iOS

84

Quindi, la tastiera del tastierino numerico non viene fornita con un pulsante "Fine" o "Avanti" per impostazione predefinita, quindi vorrei aggiungerne uno. In iOS 6 e versioni precedenti c'erano alcuni trucchi per aggiungere un pulsante alla tastiera ma sembra che non funzionassero in iOS 7.

Per prima cosa mi iscrivo alla tastiera che mostra la notifica

[[NSNotificationCenter defaultCenter] addObserver:self
                                         selector:@selector(keyboardWillShow:)
                                             name:UIKeyboardWillShowNotification
                                           object:nil];

Quindi provo ad aggiungere un pulsante quando viene visualizzata la tastiera:

- (void)keyboardWillShow:(NSNotification *)note 
{
    // create custom button
    UIButton *doneButton = [UIButton buttonWithType:UIButtonTypeSystem];
    doneButton.frame = CGRectMake(0, 50, 106, 53);
    doneButton.adjustsImageWhenHighlighted = NO;
    [doneButton setTitle:@"Done" forState:UIControlStateNormal];
    [doneButton addTarget:self action:@selector(dismissKeyboard) forControlEvents:UIControlEventTouchUpInside];

    // locate keyboard view
    UIWindow* tempWindow = [[[UIApplication sharedApplication] windows] objectAtIndex:1];
    UIView* keyboard;
    for(int i=0; i<[tempWindow.subviews count]; i++) 
    {
        keyboard = [tempWindow.subviews objectAtIndex:i];
        // keyboard view found; add the custom button to it
        if([[keyboard description] hasPrefix:@"UIKeyboard"] == YES)
        [keyboard addSubview:doneButton];
    }
}

Ma il ciclo for non viene eseguito perché non trova alcuna visualizzazione secondaria. Eventuali suggerimenti? Non sono riuscito a trovare alcuna soluzione per iOS7, quindi c'è un modo diverso in cui dovrei farlo?

Modifica: grazie per tutti i suggerimenti per le barre degli strumenti ragazzi, ma preferirei non seguire quella strada perché sono abbastanza povero di spazio (ed è un po 'brutto).

ios  iphone  cocoa-touch  uitextfield  uikit 
— George McKibbin
fonte
Hai provato questo post? neoos.ch/blog/…
— Anil
@Anil Questo modo di personalizzare UIKeyboard è proibito da Apple.
— βhargavḯ
Verifica con UIKeyboardDidShowNotification.
— Praveen Matanam
— the1pawan
2
Non voglio davvero aggiungere una barra degli strumenti, voglio mettere il pulsante direttamente sulla tastiera.
— George McKibbin

Risposte:

26

Questo è un modo semplice per proiettare un pulsante Fine nel tastierino numerico di iOS7. Nel metodo delegato di seguito di UITextField, aggiungi una notifica per la presentazione della tastiera.

-(void)textFieldDidBeginEditing:(UITextField *)textField {

[[NSNotificationCenter defaultCenter] addObserver:self
                                         selector:@selector(keyboardWillShow:)
                                             name:UIKeyboardWillShowNotification
                                           object:nil];
}

Ora implementa il metodo keyboardWillShowcome di seguito. Qui dobbiamo prestare particolare attenzione per iOS7.

- (void)keyboardWillShow:(NSNotification *)note {
// create custom button
UIButton *doneButton = [UIButton buttonWithType:UIButtonTypeCustom];
doneButton.frame = CGRectMake(0, 163, 106, 53);
doneButton.adjustsImageWhenHighlighted = NO;
[doneButton setImage:[UIImage imageNamed:@"doneButtonNormal.png"] forState:UIControlStateNormal];
[doneButton setImage:[UIImage imageNamed:@"doneButtonPressed.png"] forState:UIControlStateHighlighted];
[doneButton addTarget:self action:@selector(doneButton:) forControlEvents:UIControlEventTouchUpInside];

if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"7.0")) {
    dispatch_async(dispatch_get_main_queue(), ^{
        UIView *keyboardView = [[[[[UIApplication sharedApplication] windows] lastObject] subviews] firstObject];
        [doneButton setFrame:CGRectMake(0, keyboardView.frame.size.height - 53, 106, 53)];
        [keyboardView addSubview:doneButton];
        [keyboardView bringSubviewToFront:doneButton];

        [UIView animateWithDuration:[[note.userInfo objectForKey:UIKeyboardAnimationDurationUserInfoKey] floatValue]-.02
                              delay:.0
                            options:[[note.userInfo objectForKey:UIKeyboardAnimationCurveUserInfoKey] intValue]
                         animations:^{
                             self.view.frame = CGRectOffset(self.view.frame, 0, 0);
                         } completion:nil];
    });
}else {
    // locate keyboard view
    dispatch_async(dispatch_get_main_queue(), ^{
        UIWindow* tempWindow = [[[UIApplication sharedApplication] windows] objectAtIndex:1];
        UIView* keyboard;
        for(int i=0; i<[tempWindow.subviews count]; i++) {
            keyboard = [tempWindow.subviews objectAtIndex:i];
            // keyboard view found; add the custom button to it
            if([[keyboard description] hasPrefix:@"UIKeyboard"] == YES)
                [keyboard addSubview:doneButton];
        }
    });
  }
}

Ora aggiungi questa macro all'intestazione adatta per rilevare SYSTEM_VERSION

#define SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(v) ([[[UIDevice currentDevice] systemVersion] compare:v options:NSNumericSearch] != NSOrderedAscending)

— Balram Tiwari
fonte
1
Grazie, questo è quello che volevo :) Sfortunatamente se c'era già una tastiera sullo schermo e poi passi a un campo che necessita di una tastiera numerica, keyBoardWillShow non viene chiamato. Ma grazie, un passo nella giusta direzione ahah.
— George McKibbin
SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO perché non NSFoundationVersionNumber> NSFoundationVersionNumber_iOS_6_0? E lo provo, NSFoundationVersionNumber_iOS_5_0 è migliore
— govo
dispatch_async non è il metodo più affidabile per hackerare la tastiera qui. :(
— pronebird
7
in iOS8 questo pulsante fatto non si nasconde, dopo il licenziamento della tastiera.
— Hemant Chittora
2
Questa risposta, anche se intelligente, era destinata a rompersi.
— SwiftArchitect
187

L'approccio molto più sicuro è usare un UIToolBarcon DoneButton as inputAccessoryView.

Codice d'esempio :

UIToolbar *keyboardDoneButtonView = [[UIToolbar alloc] init];
[keyboardDoneButtonView sizeToFit];
UIBarButtonItem *doneButton = [[UIBarButtonItem alloc] initWithTitle:@"Done"
                                                               style:UIBarButtonItemStyleBordered target:self
                                                              action:@selector(doneClicked:)];
[keyboardDoneButtonView setItems:[NSArray arrayWithObjects:doneButton, nil]];
txtField.inputAccessoryView = keyboardDoneButtonView;

Il tuo -doneClickedmetodo dovrebbe assomigliare a questo:

- (IBAction)doneClicked:(id)sender
{
    NSLog(@"Done Clicked.");
    [self.view endEditing:YES];
}

Codice di esempio Swift:

let keyboardDoneButtonView = UIToolbar.init()
keyboardDoneButtonView.sizeToFit()
let doneButton = UIBarButtonItem.init(barButtonSystemItem: UIBarButtonSystemItem.Done, 
                                                   target: self, 
                                                   action: Selector("doneClicked:")))    

keyboardDoneButtonView.items = [doneButton]
textFieldInput.inputAccessoryView = keyboardDoneButtonView

Il tuo -doneClickedmetodo dovrebbe assomigliare a questo:

func doneClicked(sender: AnyObject) {
  self.view.endEditing(true)
}
— Bhavin
fonte
Potrei dover finire per farlo. Non mi piace molto quanto spazio occupa.
— George McKibbin
3
@GeorgeMcKibbin: Lo spazio non dovrebbe essere il problema qui poiché lo occuperà solo mentre stai digitando. Inoltre, secondo me questo approccio è molto meglio che incasinare la tastiera che di solito ad Apple non piace.
— Bhavin
Quando lo faccio, ottengo solo la barra degli strumenti nella parte inferiore dello schermo e la tastiera non viene più visualizzata. Pensieri?
— Chris
ottima risposta, solo un bocconcino, arrayWithObjects è tacitamente deprecato a favore dei letterali: [NSArray arrayWithObjects: doneButton, nil] => @ [doneButton]
— Austin
1
da iOS 8.0 UIBarButtonItemStyleBorderedè obsoleto UIBarButtonItemStyleDoneoUIBarButtonItemStylePlain
— Nazir
131

Modo ancora più semplice:

Swift 3.0 e versioni successive :

func addDoneButton() {
    let keyboardToolbar = UIToolbar()
    keyboardToolbar.sizeToFit()
    let flexBarButton = UIBarButtonItem(barButtonSystemItem: .flexibleSpace,
        target: nil, action: nil)
    let doneBarButton = UIBarButtonItem(barButtonSystemItem: .done,
        target: view, action: #selector(UIView.endEditing(_:)))
    keyboardToolbar.items = [flexBarButton, doneBarButton]
    textField.inputAccessoryView = keyboardToolbar
}

Swift 2.3 e versioni precedenti :

func addDoneButton() {
    let keyboardToolbar = UIToolbar()
    keyboardToolbar.sizeToFit()
    let flexBarButton = UIBarButtonItem(barButtonSystemItem: .FlexibleSpace,
        target: nil, action: nil)
    let doneBarButton = UIBarButtonItem(barButtonSystemItem: .Done,
        target: view, action: #selector(UIView.endEditing(_:)))
    keyboardToolbar.items = [flexBarButton, doneBarButton]
    textField.inputAccessoryView = keyboardToolbar
}

Obiettivo C :

- (void)addDoneButton {
    UIToolbar* keyboardToolbar = [[UIToolbar alloc] init];
    [keyboardToolbar sizeToFit];
    UIBarButtonItem *flexBarButton = [[UIBarButtonItem alloc]
    initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace
    target:nil action:nil];
    UIBarButtonItem *doneBarButton = [[UIBarButtonItem alloc]
    initWithBarButtonSystemItem:UIBarButtonSystemItemDone
    target:self.view action:@selector(endEditing:)];
    keyboardToolbar.items = @[flexBarButton, doneBarButton];
    self.textField.inputAccessoryView = keyboardToolbar;
}

MODIFICARE:

Ho creato un'utile libreria chiamata DCKit , che ha già la barra degli strumenti pronta all'uso :

Fine barra degli strumenti sopra la tastiera in iOS (con l'utilizzo della libreria DCKit)

Ha anche molte altre fantastiche funzionalità.

— Andrey Gordeev
fonte
1
Mi sembra che tu abbia aggiunto un pulsante della barra flessibile alla risposta di Bhavin di 1 anno fa come nuova risposta in modo da poter capire perché qualcuno l'ha votata. Forse mi sono perso qualcosa anche qui?
— Mark McCorkle
2
Sì, non uso initWithTitle:@"Done", uso initWithBarButtonSystemItem:UIBarButtonSystemItemDoneinvece. Questo restituirà il pulsante della barra Fatto di Apple standard. Inoltre, sarà già localizzato
— Andrey Gordeev
3
Questo dovrebbe essere aggiunto come un miglioramento (commento) alla risposta precedentemente corretta IMO o aspettarsi voti negativi. Una nuova risposta dovrebbe comportare un approccio diverso alla domanda originale, non un miglioramento a una domanda esistente. Tuttavia, grazie per il miglioramento. ;-)
— Mark McCorkle
4
No, non credo proprio. I commenti non dovrebbero essere usati per scrivere codice :)
— Andrey Gordeev
13

Basandosi sulle risposte sopra con la versione Swift poiché ho dovuto tradurla:

   @IBOutlet weak var numberTextField: UITextField!

    override func viewDidLoad() {
        addDoneButtonTo(numberTextField)
    }

    // MARK: Done for numberTextField

    private func addDoneButtonTo(textField: UITextField) {
        let flexBarButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.FlexibleSpace, target: nil, action: nil)
        let doneBarButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.Done, target: self, action: "didTapDone:")
        let keyboardToolbar = UIToolbar()
        keyboardToolbar.sizeToFit()
        keyboardToolbar.items = [flexBarButton, doneBarButton]
        textField.inputAccessoryView = keyboardToolbar
    }

    func didTapDone(sender: AnyObject?) {
        numberTextField.endEditing(true)
    }
— Arnaud
fonte
3

Puoi usare

myTextField.inputAccessoryView = _inputView;

La vista accessori di input è una vista che arriva sempre sulla tastiera e si chiude con il [textfield resignFirstResponder]

mettere donesopra la vista di input ed eseguire resignfirst responder dei campi di testo.

— Himanshu Gupta
fonte
2

Basta usare

yourTextField.inputAccessoryView

spero che tu possa aiutare

— alvarodoune
fonte
2 
enter code here

1. register the controller to the notification

- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
    // Keyboard events
    [[NSNotificationCenter defaultCenter] addObserver:self
                                         selector:@selector(keyboardWillShow:)
                                             name:UIKeyboardWillShowNotification
                                           object:nil];

    [[NSNotificationCenter defaultCenter] addObserver:self
                                         selector:@selector(keyboardWillHide:)
                                             name:UIKeyboardWillHideNotification
                                           object:nil];
}

2. don't forget to remove the controller from the notification centre

-(void)viewWillDisappear:(BOOL)animated
{
    [super viewWillDisappear:animated];
    [self.view endEditing:YES];
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

3. implement keyboard notification handlers

- (void)keyboardWillShow:(NSNotification *)notification {

// create custom button
    UIButton *doneButton = [UIButton buttonWithType:UIButtonTypeCustom];
    doneButton.frame = CGRectMake(0, 107, 106, 53);
    [doneButton setTitle:@"Done" forState:UIControlStateNormal];
    [doneButton addTarget:self  action:@selector(doneButton:)forControlEvents:UIControlEventTouchUpInside];

// save the reference to the button in order to use it in keyboardWillHide method
   self.donekeyBoardBtn = doneButton;

// to my mind no need to search for subviews
   UIWindow *windowContainigKeyboard = [[[UIApplication sharedApplication] windows]  lastObject];
   [windowContainigKeyboard addSubview:self.donekeyBoardBtn];
   self.donekeyBoardBtn.frame = CGRectMake(0., CGRectGetHeight(w.frame) -  CGRectGetHeight(self.donekeyBoardBtn.frame), CGRectGetWidth(self.donekeyBoardBtn.frame), CGRectGetHeight(self.donekeyBoardBtn.frame));
}

- (void)keyboardWillHide:(NSNotification *)notification {

    [self.donekeyBoardBtn removeFromSuperview];
}

4. implement done button action

- (void)doneButton:(id)sender{
   // add needed implementation
      [self.view endEditing:YES]; 
}
— loloa
fonte
Ho implementato la tua risposta in modo molto simile a quello che devo fare. Grazie. Ma il pulsante non viene come un oggetto animato, quando viene visualizzata la tastiera.
— Arpit B Parekh
1

Devi rilevare se sei su un telefono o iPad poiché l'iPad implementa un tasto di ritorno sul tastierino "numerico"

— user3288300
fonte
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.