UITextField – Guida completa all’uso (by iCodeBlog)

Un ringraziamento a brandontreb di iCodeBlog per questa utile e completa guida sull’UITextField. L’UITextField è probabilmente uno degli oggetti più 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à aggiuntive.

Text Attributes

Gli attributi di testo si riferiscono proprio al testo contenuto all’intenro dell’UITextField.

Qui in basso alcuni esempi dell’uso di queste proprietà:

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

Regolare la dimensione del testo in un UITextField

Il testo mostrato nel nostro UITextField può essere dinamicamente ridimensionato in base alla larghezza dell’ UITextField. I vantaggi di ciò sta nel fatto che tutto il testo digitato risulterà visibile. Le dimensioni del testo si ridurranno fino al raggiungimento della dimensione di default del font (17). Quindi, perchè tutto questo funzioni, è necessario impostare le dimensioni dei caratteri del nostro UITextField ad un valore più grande di 17.

Ecco un esempio dell’uso di questa proprietà:

[myTextField setFont:[UIFont fontWithName:@"Times New Roman" size:30]];
[myTextField setAdjustsFontSizeToFitWidth:YES];

Gestire i comportamenti delle funzioni di editing

Queste due proprietà sono molto semplici e intuitive:

Impostazioni dell’aspetto grafico

Questo gruppo di proprietà definisce come l’UITextField apparirà nel nostro programma. Se avete mai visto una finestra di input graficamente personalizzata, sono queste le proprietà su cui dovrete lavorare per ottenere anche voi risultati simili.

Ecco alcuni esempi dell’uso di queste proprietà:

// Border Style None
[myTextField setBorderStyle:UITextBorderStyleNone];

// Border Style Line
[myTextField setBorderStyle:UITextBorderStyleLine];

// Border Style Bezel
[myTextField setBorderStyle:UITextBorderStyleBezel];

// Border Style Rounded Rect
[myTextField setBorderStyle:UITextBorderStyleRoundedRect];

Lo stile del bordo forse non è il massimo graficamente. Tuttavia, potrete personalizzare come meglio credete il vostro UITextFields utilizzando la proprietà background. Ecco un esempio di impostazione della proprietà di sfondo utilizzando l’immagine qui a sinistra.

myTextField.textAlignment = UITextAlignmentCenter;
myTextField.textColor = [UIColor whiteColor];
myTextField.borderStyle = UITextBorderStyleNone;
myTextField.background = [UIImage imageNamed:@"bg.png"];

Ed ecco il risultato ottenuto (qui a sinistra). Non vi sembra graficamente migliore? Unica accortezza, affinchè la proprietà background lavori correttamente, è che dovrete settare boderStyle con un qualsiasi valore differente a UITextBorderStyleRoundedRect. In caso contrario, verrà mostrato l’UITextField di default.

Gestire la sovrapposizione di viste

Un altro modo interessante per personalizzare il vostro UITextField è quello di usare un “overlay”, ovvero una View sovrapposta (a sinistra o a destra). Ecco le proprietà:

Ecco un’esempio che mostra come lavora leftView:

UIImageView * myView = [[ UIImageView  alloc ]  initWithImage :[UIImage  imageNamed : @"wordpress.png" ]];
[myTextField  setLeftView :myView];
[ myTextField   setLeftViewMode: UITextFieldViewModeAlways];
[myView release ];

Come potete vedere, il testo è allineato dopo l’immagine. Questo è un modo molto semplice per rendere più accattivanti i vostri UITextField.

L’ultima funzionalità che vi illustriamo mostra come visualizzare o nascondere la tastiera.

Visualizzare o nascondere la tastiera

Per visualizzare la tastiera:

[myTextField becomeFirstResponder];

Per nasconderla:

[myTextField resignFirstResponder];

La guida termina qui, vedremo pian piano come funzionano tutti gli altri oggetti del framework UIKit.
Un ringraziamento a iCodeBlog per averci permesso di tradurre per i nostri utenti questa utilissima guida.
Alla prossima