{"id":4036,"date":"2010-07-19T14:29:35","date_gmt":"2010-07-19T12:29:35","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=4036"},"modified":"2010-07-20T17:18:28","modified_gmt":"2010-07-20T15:18:28","slug":"t063-inseriamo-una-navigation-bar-sulla-tastiera-stile-safari","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t063-inseriamo-una-navigation-bar-sulla-tastiera-stile-safari\/","title":{"rendered":"T#063 – Inseriamo una navigation bar sulla tastiera stile safari"},"content":{"rendered":"

\"t063<\/a> Ciao ragazzi, un po’ di tempo fa vi ho fatto vedere come inserire il tasto “done” sulla tastiera numerica, oggi, invece, vedremo come inserire una NavigationBar<\/em> stile “Safari” sulla nostra tastiera.<\/p>\n

Iniziamo naturalmente con un nuovo progetto di tipo view-based e chiamiamolo “KeyTab”. Bene, apriamo il KeyTabViewController.xib e inseriamo un campo di testo.<\/p>\n

Passiamo quindi al file di interfaccia KeyTabViewController.h e inseriamo un IBOutlet UITextField :<\/p>\n

\r\n@interface keyTab2ViewController : UIViewController  {\r\n    IBOutlet UITextField * txt;\r\n}\r\n@end\r\n<\/pre>\n
Aggiungiamo anche il delegato del textField. Torniamo al nostro file .xib e colleghiamo il File’s Owner con il campo di testo, e il delegato con il campo di testo. (clicchiamo sul file’s owner tenendo premuto control e colleghiamo le parti).<\/p>\n

\n\"\"<\/a>
\n<\/center><\/p>\n
Passiamo ora all’implementazione dei metodi. Nel viewDidLoad inseriamo la notifica di quando compare la tastiera:<\/p>\n
\r\n- (void)viewDidLoad\r\n{\r\n    [super viewDidLoad];\r\n\r\n\t[[NSNotificationCenter defaultCenter] addObserver:self\r\n\t\tselector:@selector(keyboardWasShown:)\r\n\t\tname:UIKeyboardDidShowNotification object:nil];\r\n}\r\n<\/pre>\n
Notate che questa volta non abbiamo fatto alcuna differenza per iOS 4 o precedenti, in quanto il procedimento \u00e8 lo stesso del precedente tutorial.<\/p>\n
Bene, ora aggiungiamo il metodo per far tornare la tastiera:<\/p>\n
\r\n-(BOOL)textFieldShouldReturn:(UITextField *)textField\r\n{\r\n\t[textField resignFirstResponder];\r\n\r\n\treturn YES;\r\n}\r\n<\/pre>\n
Passiamo ora al vero e proprio pezzo fondamentale, l’inserimento della barra:<\/p>\n
\r\n- (void)keyboardWasShown:(NSNotification*)aNotification\r\n{\r\n\tNSDictionary *info = [aNotification userInfo];\r\n    NSValue *keyBounds = [info objectForKey:UIKeyboardBoundsUserInfoKey];\r\n\r\n    CGRect bndKey;\r\n    [keyBounds getValue:&bndKey];\r\n\r\n\tUIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, -40, bndKey.size.width, 40)];\r\n\t\/\/[toolbar setTranslucent:YES];\r\n\tUIColor * black = [[UIColor alloc] initWithRed:0 green:0 blue:0 alpha:1.0];\r\n\t[toolbar setTintColor:black];\r\n\tUIBarButtonItem *barButtonItem = [[UIBarButtonItem alloc] initWithTitle:@\"Bottone 1\" style:UIBarButtonItemStyleBordered target:self action:@selector(buttonClicked:)];\r\n\tNSArray *items = [[NSArray alloc] initWithObjects:barButtonItem, nil];\r\n\t[toolbar setItems:items];\r\n\t[items release];\r\n\r\n\tUIWindow* tempWindow = [[[UIApplication sharedApplication] windows] objectAtIndex:1];\r\n\tUIView* keyboard;\r\n\tfor(int i = 0; i < [tempWindow.subviews count]; i++)\r\n\t{\r\n\t\t\/\/Get a reference of the current view\r\n\t\tkeyboard = [tempWindow.subviews objectAtIndex:i];\r\n\r\n\t\t\/\/Check to see if the description of the view we have referenced is \"UIKeyboard\" if so then we found\r\n\t\t\/\/the keyboard view that we were looking for\r\n\t\tif([[keyboard description] hasPrefix:@\"<UIPeripheralHost\"] == YES)\r\n\t\t{\r\n\t\t\t[keyboard addSubview:toolbar];\r\n\t\t}\r\n\t}\r\n\r\n}\r\n<\/pre>\n
Alla riga 7 creiamo la nostra UIToolBar, le dimensioni sono state calcolate perfettamente, gli diamo un colore (in questo caso nero). Creiamo poi un bottone, ne possiamo inserire quanti ne vogliamo, e gli diamo come azione il metodo buttonClicked. Nelle prossime due righe non facciamo altro che creare un array, inserirci dentro il bottone e aggiungere il contenuto dell’array nella barra. In questo caso i bottoni (se ne create pi\u00f9 di uno) vi verranno messi tutti in fila, partendo da sinistra. altrimenti potete creare dei bottoni tramite delle viste personalizzate e allora li potete posizionare ovunque.<\/p>\n
La parte che segue poi \u00e8 sempre la stessa, andiamo alla ricerca della vista della tastiera, una volta trovata gli aggiungiamo la barra.<\/p>\n
L’ultima cosa che ci resta da fare \u00e8 quella di creare il metodo che viene chiamato quando clicchiamo sul bottone:<\/p>\n
\r\n- (void)buttonClicked:(NSNotification *)note\r\n{\r\n\tUIAlertView *alert = [[UIAlertView alloc] initWithTitle:@\"CLICK!!!\" message:@\"Hai cliccato il bottone sulla tastiera!!\" delegate:self cancelButtonTitle:@\"OK\" otherButtonTitles:nil];\r\n\t