Creiamo il progetto Xcode<\/h4>\n
Partiamo creando un nuovo progetto “View-based Application” e assegniamogli un nome a piacimento (ad esempio “scrollView”).<\/p>\n
\n
![\"\"](\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/06\/articolo-1.jpg\" "\\"articolo-1\\"")
<\/a>\n<\/center><\/p>\n
Per comodit\u00e0 andremo a lavorare sui file “scrollViewViewController”, niente ci impone di utilizzare solo questi, potremmo applicare questo metodo a qualsiasi altra vista.<\/p>\n
Partiamo dal file di intestazione “scrollViewViewController.h”. Prima di tutto settiamo i delegati, abbiamo bisogno sia dello UIScrollViewDelegate<\/strong> che dell’ UITextFieldDelegate<\/strong>. Creiamo quindi tre campi di testo e un’UIScrollView asseggnando a tutti e 4 il relativo IBOutlet, inseriamo infine un’ UITextField che servir\u00e0 per determinare in quale campo di testo l’utente sta scrivendo e una variabile booleana per decidere se quel campo di testo \u00e8 da spostare o meno.<\/p>\n Ecco come si presenta il nostro file .h modificato:<\/p>\n Salviamo e passiamo ad inserire gli oggetti nell’interfaccia grafica.<\/p>\n Apriamo il file “ScrollViewViewController.xib” tramite semplice doppio click e si aprir\u00e0 Interface Builder. Sull’ispector sar\u00e0 presente una View, cancelliamola e inseriamo al suo posto una Scrollview che possiamo prelevare dalla libreria degli oggetti disponibili. Inseriamo ora tre TextField: due nella parte superiore della vista e una in quella inferiore. Dovremmo ottenere qualcosa di simile a quanto mostrato qui in basso:<\/p>\n A questo punto non ci resta che collegare i textField e la scrollView con gli oggetti dichiarati precedentemente via Xcode. Sulla finestra Ispector<\/em> premete ctrl<\/em> e tenendolo premuto cliccate sul File’s Owner<\/em>, si aprir\u00e0 una finestra. Cliccate sul pallino sulla destra di ogni oggetto e tenendo cliccato collegate la freccia con il rispettivo dell’interfaccia utente appena disegnato. Ripetete questa operazione per tutti i campi di testo e la scrollView. Collegate anche view alla scrollView disegnata prima. Collegate infine il delegate con i campi di testo e la scrollView. Ecco come dovrebbe essere il risultato finale:<\/p>\n Anche questa parte \u00e8 finita, passiamo ora al file di implementazione .m<\/p>\n Decommentiamo il metodo “viewDidLoad” e inseriamo 2 notifiche. Le notifiche servono per eseguire un metodo quando si verifica un determinato evento, in questo caso quando la tastiera compare e scompare. Su selector<\/em> indichiamo il metodo da eseguire, su nome<\/em> indichiamo quale evento si vuole notificare, mentre su object<\/em> a quale oggetto vogliamo applicare tale notifica. In questo caso la notifica va applicata a qualsiasi cosa e per questo object<\/em> \u00e8 impostato a nil<\/em>.<\/p>\n Il primo metodo che andiamo a vedere \u00e8 textFieldDidBeginEditing:<\/strong>.<\/p>\n Questo metodo ci fornisce il TextField in cui l’utente ha cliccato. Noi non facciamo altro che impostare l’ActiveField uguale a questo campo, in modo da poter sapere di quanto spostare la scrollView.<\/p>\n Passiamo ora ad esaminare i prossimi due metodi, keyboardWasShown:<\/strong> e keyboardWasHidden:<\/strong><\/p>\n Questi metodi si occuperanno di far traslare la nostra scrollView per rendere il campo automaticamente visibile.<\/p>\n Su keyboardWasShown:<\/em> la prima cosa che andiamo a controllare \u00e8 se il campo ActiveField (campo in cui l’utente ha cliccato) \u00e8 uguale al primo o al secondo campo di testo, e in questo caso non facciamo altro che settare la variabile booleana a false<\/em>, in modo che quando la tastiera scomparir\u00e0 non dovremmo rispostare la vista.<\/p>\n Se il nostro campo di testo \u00e8 il terzo allora entriamo nella condizione else e qui prendiamo le dimensioni della tastiera, e settiamo di quanto spostare\u00a0 la vista. In questo caso il valore 120 \u00e8 la distanza dal campo di testo al punto 0 della vista. Queste sei righe sono sempre valide, e scusate se non le spiego una ad una, ma mi dilungherei troppo.<\/p>\n keyboardWasHidden:<\/em> non fa altro che risettare lo spostamento della vista ai valori originali sempre se il metodo precendete ha spostato la vista e quindi keyboardShown<\/em> \u00e8 vero.<\/p>\n L’ultima cosa da fare \u00e8 quella di impostare il ritorno della tastiera quando si clicca su return<\/em>, per farlo basta aggiungere il metodo textFieldShouldReturn:<\/em> che non fa altro che rimuovere la tastiera al campo di testo attivo.<\/p>\n Spero che questo piccolo tutorial vi sia stato utile.<\/p>\n Ciao Ragazzi e se avete dubbi non esitate a scrivere!!<\/p>\n Buon Lavoro Ciao a tutti, mi chiamo Andrea Cappellotto e sono da poco entrato nel Team di devAPP come…<\/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":[270,274,273,275,269,271,272],"class_list":["post-3730","post","type-post","status-publish","format-standard","hentry","category-tutorial-pratici","tag-andrea-cappellotto","tag-keyboardwashidden","tag-keyboardwasshown","tag-textfieldshouldreturn","tag-uiscrollview","tag-uiscrollviewdelegate","tag-uitextfielddelegate"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3730","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=3730"}],"version-history":[{"count":7,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3730\/revisions"}],"predecessor-version":[{"id":6013,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3730\/revisions\/6013"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=3730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=3730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=3730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n<\/a>
\n<\/center><\/p>\nCreiamo l’interfaccia grafica<\/h4>\n
\n<\/a>
\n<\/center><\/p>\n
\n<\/a>
\n<\/center><\/p>\n
\n<\/a>
\n<\/center><\/p>\nImplementiamo i nostri metodi<\/h4>\n
\n<\/a>
\n<\/center><\/p>\n
\n<\/a>
\n<\/center><\/p>\n
\nAndrea<\/p>\n","protected":false},"excerpt":{"rendered":"