{"id":2201,"date":"2010-02-25T12:13:18","date_gmt":"2010-02-25T11:13:18","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=2201"},"modified":"2010-02-25T12:13:18","modified_gmt":"2010-02-25T11:13:18","slug":"uitextfield-guida-completa-all-uso-by-icodeblog","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/uitextfield-guida-completa-all-uso-by-icodeblog\/","title":{"rendered":"UITextField – Guida completa all’uso (by iCodeBlog)"},"content":{"rendered":"

Un ringraziamento a brandontreb<\/strong> di iCodeBlog<\/a> per questa utile e completa guida sull’UITextField. L’UITextField \u00e8 probabilmente uno degli oggetti pi\u00f9 utilizzati nelle interfacce grafiche delle applicazioni iPhone, che permette all’untente di interagire con l’applicazione inviando dati al programma tramite la tastiera. Questo strumento offre inoltre un gran numero di altre funzionalit\u00e0 aggiuntive.<\/p>\n

Text Attributes<\/h4>\n

Gli attributi di testo si riferiscono proprio al testo contenuto all’intenro dell’UITextField.<\/p>\n\n\n\n\n\n\n
text<\/td>\nIl testo mostrato nell’UITextField<\/td>\n<\/tr>\n
placeholder<\/td>\nIl testo che viene visualizzato prima che l’utente sciva qualcosa. Questo testo \u00e8 in genere di un colore pi\u00f9 chiaro rispetto al testo principale per indicare che sar\u00e0 sostituito.<\/td>\n<\/tr>\n
font<\/td>\nIl font del testo che deve essere mostrato.<\/td>\n<\/tr>\n
textColor<\/td>\nIl colore del testo mostrato<\/td>\n<\/tr>\n
textAlignment<\/td>\nCome il testo \u00e8 allineato all’interno dell’ UITextField. I valori possibili per questo attributo sono UITextAlignmentLeft, UITextAlignmentRight, UITextAlignmentCenter<\/td>\n<\/tr>\n<\/table>\n

Qui in basso alcuni esempi dell’uso di queste propriet\u00e0:<\/p>\n

\r\n\/\/ Impostare il testo\r\n[myTextField setText:@\"This is some text!\"];\r\n \r\n\/\/ Impostare il placeholder\r\n[myTextField setPlaceholder:@\"Type text here\"];\r\n \r\n\/\/ Settare il font.\r\n[myTextField setFont:[UIFont fontWithName:@\"Times New Roman\" size:14]];\r\n \r\n\/\/ Settare il colore del testo\r\n[myTextField setTextColor:[UIColor blueColor]];\r\n \r\n\/\/ Settare l'allineamento del testo\r\n[myTextField setTextAlignment:UITextAlignmentCenter];\r\n<\/pre>\n

\n\"UITextField<\/a>
\n<\/center><\/p>\n

\n\"UITextField<\/a>
\n<\/center><\/p>\n
Regolare la dimensione del testo in un UITextField<\/h4>\n
Il testo mostrato nel nostro UITextField pu\u00f2 essere dinamicamente ridimensionato in base alla larghezza dell’ UITextField. I vantaggi di ci\u00f2 sta nel fatto che tutto il testo digitato risulter\u00e0 visibile. Le dimensioni del testo si ridurranno fino al raggiungimento della dimensione di default del font (17). Quindi, perch\u00e8 tutto questo funzioni, \u00e8 necessario impostare le dimensioni dei caratteri del nostro UITextField ad un valore pi\u00f9 grande di 17.<\/p>\n\n\n
adjustsFontSizeToFitWidth<\/td>\nValore booleano che indica se adattare o meno la dimensione del carattere alla larghezza dell’ UITextField.<\/td>\n<\/tr>\n<\/table>\n
Ecco un esempio dell’uso di questa propriet\u00e0:<\/p>\n
\r\n[myTextField setFont:[UIFont fontWithName:@\"Times New Roman\" size:30]];\r\n[myTextField setAdjustsFontSizeToFitWidth:YES];\r\n<\/pre>\n

\n\"UITextField<\/a>
\n<\/center><\/p>\n

\n\"UITextField<\/a>
\n<\/center><\/p>\n

\n\"UITextField<\/a>
\n<\/center><\/p>\n
Gestire i comportamenti delle funzioni di editing<\/h4>\n
Queste due propriet\u00e0 sono molto semplici e intuitive:<\/p>\n\n\n\n
editing<\/td>\nValore booleano di sola lettura che permette di sapere se l’utente sta effettuando modifiche nell’UITextField<\/td>\n<\/tr>\n
clearsOnBeginEditing<\/td>\nCancella il testo contenuto nel campo ogni qualvolta l’utente inizia a scrivere qualcosa al suo interno<\/td>\n<\/tr>\n<\/table>\n
Impostazioni dell’aspetto grafico<\/h4>\n
Questo gruppo di propriet\u00e0 definisce come l’UITextField apparir\u00e0 nel nostro programma. Se avete mai visto una finestra di input graficamente personalizzata, sono queste le propriet\u00e0 su cui dovrete lavorare per ottenere anche voi risultati simili.<\/p>\n\n\n\n\n
borderStyle<\/td>\nDefinisce il tipo di bordo per l’UITextField. Tra le possibili scelte abbiamo UITextBorderStyleNone, UITextBorderStyleLine, UITextBorderStyleBezel e UITextBorderStyleRoundedRect. Il valore di default \u00e8 UITextBorderStyleNone.<\/td>\n<\/tr>\n
background<\/td>\nUn’ UIImage che rappresenta l’immagine di sfondo del nostro UITextField (quando \u00e8 attivata). Se questa propriet\u00e0 viene alterata la propriet\u00e0 BorderStyle verr\u00e0 ignorata.<\/td>\n<\/tr>\n
backgroundDisabled<\/td>\nUn’ UIImage che rappresenta l’immagine di sfondo del nostro UITextField (quando \u00e8 disattivata).<\/td>\n<\/tr>\n<\/table>\n
Ecco alcuni esempi dell’uso di queste propriet\u00e0:<\/p>\n
\r\n\/\/ Border Style None\r\n[myTextField setBorderStyle:UITextBorderStyleNone];\r\n<\/pre>\n

\n\"UITextField<\/a>
\n<\/center><\/p>\n
\r\n\/\/ Border Style Line\r\n[myTextField setBorderStyle:UITextBorderStyleLine];\r\n<\/pre>\n

\n\"UITextField<\/a>
\n<\/center><\/p>\n
\r\n\/\/ Border Style Bezel\r\n[myTextField setBorderStyle:UITextBorderStyleBezel];\r\n<\/pre>\n

\n\"UITextField<\/a>
\n<\/center><\/p>\n
\r\n\/\/ Border Style Rounded Rect\r\n[myTextField setBorderStyle:UITextBorderStyleRoundedRect];\r\n<\/pre>\n

\n\"UITextField<\/a>
\n<\/center><\/p>\n
\"UITextField<\/a> Lo stile del bordo forse non \u00e8 il massimo graficamente. Tuttavia, potrete personalizzare come meglio credete il vostro UITextFields utilizzando la propriet\u00e0 background. Ecco un esempio di impostazione della propriet\u00e0 di sfondo utilizzando l’immagine qui a sinistra.<\/p>\n
\r\nmyTextField.textAlignment = UITextAlignmentCenter;\r\nmyTextField.textColor = [UIColor whiteColor];\r\nmyTextField.borderStyle = UITextBorderStyleNone;\r\nmyTextField.background = [UIImage imageNamed:@\"bg.png\"];\r\n<\/pre>\n
\"UITextField<\/a> Ed ecco il risultato ottenuto (qui a sinistra). Non vi sembra graficamente migliore? Unica accortezza, affinch\u00e8 la propriet\u00e0 background lavori correttamente, \u00e8 che dovrete settare boderStyle con un qualsiasi valore differente a UITextBorderStyleRoundedRect. In caso contrario, verr\u00e0 mostrato l’UITextField di default.<\/p>\n
Gestire la sovrapposizione di viste<\/h4>\n
Un altro modo interessante per personalizzare il vostro UITextField \u00e8 quello di usare un “overlay”, ovvero una View sovrapposta (a sinistra o a destra). Ecco le propriet\u00e0:<\/p>\n\n\n\n\n\n\n
clearButtonMode<\/td>\nLa X cerchiata che viene mostrata durante la digitazione di un testo. Viene usata per cancellare, se premuta, il testo inserito. Possibili valori: UITextFieldViewModeNever, UITextFieldViewModeWhileEditing, UITextFieldViewModeUnlessEditing, UITextFieldViewModeAlways<\/td>\n<\/tr>\n
leftView<\/td>\nLa vista che appare a sinistra all’interno di un UITextField. Ad esempio potrebbe essere qualcosa di simile alla lente d’ingrandimento per la ricerca.<\/td>\n<\/tr>\n
leftViewMode<\/td>\nLavora come clearButtonMode, ma con la leftView.<\/td>\n<\/tr>\n
rightView<\/td>\nCome la leftView, con la sola differenza che \u00e8 allineata a destra.<\/td>\n<\/tr>\n
rightViewMode<\/td>\nCome leftViewMode ma controlla la rightView<\/td>\n<\/tr>\n<\/table>\n
Ecco un’esempio che mostra come lavora leftView:<\/p>\n
\r\nUIImageView * myView = [[ UIImageView  alloc ]  initWithImage :[UIImage  imageNamed : @\"wordpress.png\" ]];\r\n[myTextField  setLeftView :myView];\r\n[ myTextField   setLeftViewMode: UITextFieldViewModeAlways];\r\n[myView release ];\r\n<\/pre>\n

\n\"UITextField<\/a>
\n<\/center><\/p>\n
Come potete vedere, il testo \u00e8 allineato dopo l’immagine. Questo \u00e8 un modo molto semplice per rendere pi\u00f9 accattivanti i vostri UITextField.<\/p>\n
L’ultima funzionalit\u00e0 che vi illustriamo mostra come visualizzare o nascondere la tastiera.<\/p>\n
Visualizzare o nascondere la tastiera<\/h4>\n
Per visualizzare la tastiera:<\/p>\n
\r\n[myTextField becomeFirstResponder];\r\n<\/pre>\n
Per nasconderla:<\/p>\n
\r\n[myTextField resignFirstResponder];\r\n<\/pre>\n
La guida termina qui, vedremo pian piano come funzionano tutti gli altri oggetti del framework UIKit.
\nUn ringraziamento a iCodeBlog<\/a> per averci permesso di tradurre per i nostri utenti questa utilissima guida.
\nAlla prossima \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"
Un ringraziamento a brandontreb di iCodeBlog per questa utile e completa guida sull’UITextField. L’UITextField \u00e8 probabilmente uno…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[42],"tags":[42,124,43,123,23],"class_list":["post-2201","post","type-post","status-publish","format-standard","hentry","category-framework","tag-framework","tag-icodeblog","tag-uikit","tag-uitextfield","tag-xcode"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2201","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=2201"}],"version-history":[{"count":6,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2201\/revisions"}],"predecessor-version":[{"id":2219,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2201\/revisions\/2219"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=2201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=2201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=2201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}