{"id":3901,"date":"2010-07-02T12:49:50","date_gmt":"2010-07-02T10:49:50","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=3901"},"modified":"2010-07-02T12:49:50","modified_gmt":"2010-07-02T10:49:50","slug":"t061-aggiungiamo-il-tasto-done-alla-tastiera-numerica","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t061-aggiungiamo-il-tasto-done-alla-tastiera-numerica\/","title":{"rendered":"T#061 – Aggiungiamo il tasto “DONE” alla tastiera numerica"},"content":{"rendered":"

\"tutorial<\/a> Ciao Ragazzi… eccomi con un altro tutorial abbastanza particolare… Durante lo sviluppo di una mia App alcuni utenti si erano lamentati perch\u00e8 ogni volta dovevano cliccare su un bottone nella Navigation Bar per far scomparire la tastiera… Nelle tastiere numeriche, infatti, non \u00e8 presente il tasto Done, e io volevo inserirlo! Cos\u00ec, cercando un po’ in rete e mettendo insieme alcuni pezzi scovati, ho composto la mia tastiera tutta nuova…<\/p>\n

Partiamo creando un nuovo progetto e chiamiamolo “Keyboard”. Aggiungere il tasto \u00e8 in realt\u00e0 molto semplice, mettiamo semplicemente una notifica che come oggetto ha la comparsa della tastiera. Quando la tastiera compare aggiungiamo alla vista della tastiera un bottone, che come immagine ha proprio la scritta DONE.<\/p>\n

Partiamo quindi ad inserie i valori sul nostro file di intestazione .h<\/p>\n

\r\n@interface keyboardViewController : UIViewController {\r\n\tIBOutlet UITextField * txt;\r\n}\r\n@end\r\n<\/pre>\n
Praticamente non abbiamo fatto altro che aggiungere il delegato UITextFieldDelegate<\/em> e un campo di testo.<\/p>\n
Bene ora dobbiamo aprire il file “KeyboardViewController.xib” ed\u00a0inserire quindi un campo di testo, infine, colleghiamo i vari elementi<\/p>\n
Ecco come dovrebbe apparire il tutto:<\/p>\n

\n\"\"<\/a>
\n<\/center><\/p>\n
Bene, \u00a0adesso facciamo in modo che la tastiera mostrata sia quella numerica, possiamo farlo sia via codice che graficamente:<\/p>\n
\r\ntxt.keyboardType = UIKeyboardTypeNumberPad;\r\n<\/pre>\n
Fatto questo aggiungiamo le notifiche per l’aggiunta del bottone:<\/p>\n
\r\n- (void)viewDidLoad \r\n{\r\n    [super viewDidLoad];\r\n\ttxt.keyboardType = UIKeyboardTypeNumberPad;\r\n\r\n\tif ([[[UIDevice currentDevice] systemVersion] floatValue] >= 3.2) {\r\n\t\t[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardDidShow:) name:UIKeyboardDidShowNotification object:nil];\t\t\r\n\t} else {\r\n\t\t[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillShow:) name:UIKeyboardWillShowNotification object:nil];\r\n\t}\r\n}\r\n\r\n- (void)keyboardWillShow:(NSNotification *)note \r\n{\r\n\t[self addButtonToKeyboard];\r\n\r\n}\r\n\r\n- (void)keyboardDidShow:(NSNotification *)note \r\n{\r\n\t[self addButtonToKeyboard];\r\n\r\n}\r\n<\/pre>\n
Nel primo if<\/em> controlliamo la versione del sistema operativo e in base alla versione aggiungiamo una delle due notifiche, questo perch\u00e8 la comparsa della tastiera viene notificata da due metodi diversi :\u00a0<\/p>\n
UIKeyboardDidShowNotification<\/em> per il nuovo iOS 4 e UIKeyboardWillShowNotification<\/em> per gli iOS precedenti. Quindi, in base alla notifica, faremo partire il metodo indicato… questi due non faranno altro che far partire il metodo addButtonToKeyboard<\/em>, che avr\u00e0 il compito di aggiungere il tasto…<\/p>\n
\r\n- (void)addButtonToKeyboard {\r\n\t\/\/ create custom button\r\n\tUIButton *doneButton = [UIButton buttonWithType:UIButtonTypeCustom];\r\n\tdoneButton.frame = CGRectMake(0, 163, 106, 53);\r\n\tdoneButton.adjustsImageWhenHighlighted = NO;\r\n\tif ([[[UIDevice currentDevice] systemVersion] floatValue] >= 3.0) \r\n\t{\r\n\t\t[doneButton setImage:[UIImage imageNamed:@\"DoneUp3.png\"] forState:UIControlStateNormal];\r\n\t\t[doneButton setImage:[UIImage imageNamed:@\"DoneDown3.png\"] forState:UIControlStateHighlighted];\r\n\t} else \r\n\t{        \r\n\t\t[doneButton setImage:[UIImage imageNamed:@\"DoneUp.png\"] forState:UIControlStateNormal];\r\n\t\t[doneButton setImage:[UIImage imageNamed:@\"DoneDown.png\"] forState:UIControlStateHighlighted];\r\n\t}\r\n\t[doneButton addTarget:self action:@selector(doneButton:) forControlEvents:UIControlEventTouchUpInside];\r\n\t\/\/ locate keyboard view\r\n\tUIWindow* tempWindow = [[[UIApplication sharedApplication] windows] objectAtIndex:1];\r\n\r\n\tUIView* keyboard;\r\n\t\/\/NSLog(@\"%@\", keyboard);\r\n\tfor(int i=0; i<[tempWindow.subviews count]; i++) {\r\n\t\tkeyboard = [tempWindow.subviews objectAtIndex:i];\r\n\t\t\/\/ keyboard found, add the button\r\n\t\tif ([[[UIDevice currentDevice] systemVersion] floatValue] >= 3.2) {\r\n\t\t\tif([[keyboard description] hasPrefix:@\"<UIPeripheralHost\"] == YES)\r\n\t\t\t\t[keyboard addSubview:doneButton];\r\n\t\t} else {\r\n\t\t\tif([[keyboard description] hasPrefix:@\"<UIKeyboard\"] == YES)\r\n\t\t\t\t[keyboard addSubview:doneButton];\r\n\t\t}\r\n\t}\r\n}\r\n<\/pre>\n
Questo \u00e8 il metodo fondamentale… dalla riga 22 alla 34 creiamo il nostro bottone, (con iOS 4 \u00e8 stata modificata anche la tastiera, abbiamo quindi delle immagini diverse a seconda del sistema operativo) e gli aggiungiamo il metodo doneButton<\/em> per poi togliere la tastiera.<\/p>\n
Dalla 36 alla 50 prendetele un po’ come un Must, il compito di questo pezzo \u00e8 quello di trovare la vista della tastiera, e se la descrizione della tastiera ritorna una stringa tipo: @” per iOS4 o @” per le versioni precedenti, quando trova la vista giusta gli aggiunge il bottone.<\/p>\n
Bene, ora non ci resta che aggiungere il metodo doneButton<\/em> per far scomparire la tastiera:<\/p>\n
\r\n- (void)doneButton:(id)sender {\r\n    [textField resignFirstResponder];\r\n}\r\n<\/pre>\n
Finito!!<\/p>\n
Vi allego il progetto cosi potete scaricare le immagini per il bottone.<\/p>\n
Sper\u00f2 di esservi stato utile!! \ud83d\ude42<\/p>\n
keyboard<\/a><\/p>\n

\n\"tutorial<\/a>
\n<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"
Ciao Ragazzi… eccomi con un altro tutorial abbastanza particolare… Durante lo sviluppo di una mia App alcuni…<\/p>\n","protected":false},"author":136,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[298,270,296,297,272],"class_list":["post-3901","post","type-post","status-publish","format-standard","hentry","category-tutorial-pratici","tag-addbuttontokeyboard","tag-andrea-cappellotto","tag-uikeyboarddidshownotification","tag-uikeyboardwillshownotification","tag-uitextfielddelegate"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/users\/136"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=3901"}],"version-history":[{"count":14,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3901\/revisions"}],"predecessor-version":[{"id":3912,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3901\/revisions\/3912"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=3901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=3901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=3901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}