Suggerimenti per lo stile del controllo TextBox

Ee371168.0b2c798e-86c6-4ea2-a8a6-5cf1f12be1e2(IT-IT,Expression.30).png

Il controllo TextBox può essere utilizzato per ottenere l'input da un utente o per visualizzare del testo. In genere viene utilizzato per il testo modificabile, ma è anche possibile impostarlo per la sola lettura. Gli oggetti TextBox consentono di visualizzare più righe e il testo a capo nelle dimensioni del controllo.

Come per tutti gli altri controlli, è possibile modificare il controllo TextBox in modo tale da conferirgli un aspetto molto diverso da quello predefinito. Per impostazione predefinita, il controllo TextBox ha il seguente aspetto:

Ee371168.f77261da-feb5-4693-b764-582a9cc93c12(IT-IT,Expression.30).png

Proprietà di interesse del controllo TextBox

Il controllo TextBox è un controllo testo, pertanto è possibile visualizzare del testo nel controllo TextBox impostando la proprietà Text in Proprietà comuni nel pannello Proprietà.

È possibile rendere il controllo TextBox di sola lettura selezionando la proprietà IsReadOnly.

È possibile consentire agli utenti di aggiungere caratteri di nuova riga al testo inserito selezionando la proprietà AcceptsReturn. In tal caso, è inoltre possibile attivare le barre di scorrimento impostando le proprietà HorizontalScrollBarVisibility e VerticalScrollBarVisibility.

Per specificare le dimensioni, il tipo di carattere e così via, impostare le proprietà in Testo nel pannello Proprietà. È inoltre possibile aggiungere tipi di carattere personalizzati al progetto e incorporarli per utilizzarli nei controlli testo.

Per ulteriori informazioni, vedere Disegnare testo.

È possibile modificare tali proprietà nei modi seguenti:

  • Impostare le proprietà dell'oggetto   Dopo aver disegnato un oggetto TextBox sulla tavola da disegno, è possibile impostare direttamente le proprietà dell'oggetto. Se si desidera che più oggetti TextBox utilizzino gli stessi valori, impostare queste proprietà in uno stile.

  • Impostare le proprietà in un stile   Se si impostano le proprietà nello stile Ee371168.94fa7fc4-4f3e-4e84-9ba1-287f1b894371(IT-IT,Expression.30).png dell'oggetto TextBox, tutti gli oggetti TextBox che utilizzano quel determinato stile utilizzeranno quei valori per impostazione predefinita. È possibile sovrascrivere i valori per un oggetto specifico.

    Per ulteriori informazioni, vedere Creare uno stile.

Parti del modello TextBox

Il controllo TextBox utilizza un modello per la definizione dell'aspetto. Si tratta del Modello TextBox. Ogni parte del modello svolge un ruolo nell'aspetto e nel comportamento dell'oggetto TextBox a cui è applicato il modello.

Nel modello possono essere presenti altri oggetti che contribuiscono a definire l'aspetto del controllo TextBox, tuttavia la parte elencata nella tabella seguente è legata al comportamento del controllo mediante una relazione.

Per visualizzare le parti del modello, aprire il pannello Parti durante la modifica del modello. Nel pannello Oggetti e sequenza temporale, viene visualizzata un'icona Ee371168.6cf58c39-edba-4a0e-acbc-1da272f9a387(IT-IT,Expression.30).png accanto all'oggetto che assume il ruolo di un parte nel pannello Parti.

Ee371168.62c81ec5-2055-4556-a068-2dc300675ac9(IT-IT,Expression.30).png

Nome parte

Tipo di oggetto

Descrizione

ContentElement

FrameworkElement

Oggetto che consente di visualizzare del testo.

Questa parte è obbligatoria.

Gli altri oggetti del modello TextBox vengono utilizzati per modificare l'aspetto del controllo TextBox in vari stati.

Stati del controllo TextBox

Per impostazione predefinita, il controllo TextBox può trovarsi in uno dei quattro stati del gruppo di stati CommonStates, che è possibile visualizzare nel pannello Stati durante la modifica di un modello TextBox:

Nome stato

Descrizione

Normal

L'aspetto del controllo TextBox quando non vi è alcuna iterazione con il controllo.

MouseOver

L'aspetto del controllo TextBox quando l'utente sposta il puntatore su di esso.

Pressed

L'aspetto del controllo TextBox quando l'utente fa clic su di esso o quando il controllo è attivo e l'utente preme INVIO o BARRA SPAZIATRICE.

Disabled

L'aspetto del controllo TextBox quando la proprietà IsEnabled è impostata su False.

Il controllo TextBox può trovarsi in uno dei due stati seguenti del gruppo di stati FocusStates:

Nome stato

Descrizione

Unfocused

L'aspetto del controllo TextBox quando non dispone dello stato attivo della tastiera.

Focused

L'aspetto del controllo TextBox quando dispone dello stato attivo della tastiera. Ad esempio, è possibile che un utente prema TAB per scorrere tra gli oggetti nell'applicazione fino a quando lo stato attivo della tastiera non è impostato sul controllo TextBox.

Il controllo TextBox può trovarsi in uno dei tre stati seguenti del gruppo di stati ValidationStates:

Nome stato

Descrizione

Valid

L'aspetto del controllo TextBox quando è valido.

InvalidUnfocused

L'aspetto del controllo TextBox quando non è valido e non dispone dello stato attivo della tastiera.

InvalidFocused

L'aspetto del controllo TextBox quando non è valido e dispone dello stato attivo della tastiera.
Ee371168.alert_tip(IT-IT,Expression.30).gifSuggerimento:

Un gruppo di stati contiene gli stati visivi inclusi nella stessa categoria logica e che non possono essere visualizzati contemporaneamente. Ad esempio, il gruppo CommonStates include gli stati relativi all'interazione dell'utente mediante un dispositivo di input quale il mouse. È possibile visualizzare solo uno stato alla volta, ma uno stato di un gruppo può essere visualizzato contemporaneamente in un altro gruppo di stati.

Quando si seleziona uno stato, la registrazione dello stato viene attivata e qualsiasi modifica apportata verrà registrata per quello stato. Per disattivare la registrazione dello stato, fare clic sul pulsante di registrazione Ee371168.0dcc6415-6d4e-4fcf-a9a3-eb4664cb6cbc(IT-IT,Expression.30).png oppure selezionare Base nel pannello Stati. Per modificare l'aspetto del controllo quando sono attivi due stati separati, è possibile bloccare un'anteprima di uno stato in un gruppo di stati mentre si modifica uno stato in un gruppo di stati diverso.

Per convertire oggetti in un controllo TextBox

Per modificare il modello di un controllo TextBox, eseguire una delle operazioni seguenti:

  • Disegnare un controllo TextBox Ee371168.343296b4-5c7d-4145-84cc-91b08ba67a1b(IT-IT,Expression.30).png nella tavola da disegno, quindi creare una copia del modello predefinito.

    Per ulteriori informazioni, vedere Creare o modificare un modello.

  • Progettare l'aspetto del controllo TextBox disegnando oggetti o importando elementi grafici, quindi utilizzare il comando Crea controllo.

Se si utilizza il comando Crea controllo, per garantire la creazione di tutti gli oggetti richiesti dal modello TextBox, è necessario eseguire questa procedura:

  1. Per visualizzare del testo nel controllo TextBox, includere un oggetto TextBlock Ee371168.42165963-00f7-4a33-abcd-b0849edebada(IT-IT,Expression.30).png con gli oggetti che costituiranno l'aspetto del controllo TextBox.

    Durante la conversione di oggetti grafici contenenti un oggetto TextBlock in un modello per un controllo TextBox, il comando Crea controllo esegue le operazioni seguenti:

    • Consente di inserire un oggetto ScrollViewer che rappresenta la parte ContentElement nel modello, al posto del controllo TextBlock.

    • Consente di copiare le proprietà di layout dal controllo TextBlock nell'oggetto ContentElement.

    • Consente di copiare le proprietà tipografiche dal controllo TextBlock allo stile del controllo TextBox (lo stile circonda il modello).

    • Consente di copiare la proprietà Text dal controllo TextBlock all'oggetto TextBox a cui è applicato il modello.

    In alternativa, è possibile assegnare un oggetto alla parte ContentElement dopo aver convertito gli oggetti in un modello di controllo. Per ulteriori informazioni, vedere Assegnare parti modello a oggetti.

  2. Pertanto, è necessario raggruppare gli oggetti in un pannello di layout, selezionarlo e, nel menu Strumenti, fare clic su Crea controllo.

  3. Nella finestra di dialogo visualizzata, selezionare TextBox, assegnare un nome al modello e selezionare il percorso in cui archiviarlo.

  4. Dopo aver fatto clic su OK, Microsoft Expression Blend verrà attivata la modalità di modifica del testo e verranno visualizzati gli oggetti che costituiscono il controllo TextBox. È possibile continuare a modificare il modello in questa modalità. Ad esempio, aggiungere e modificare oggetti o selezionare uno stato nel pannello Stati per modificare l'aspetto del modello in tale stato.

  5. È consigliabile associare alcune delle proprietà dei pennelli degli oggetti nel modello alle seguenti proprietà dell'oggetto TextBox che utilizzerà il modello:

    • Background

    • BorderBrush

    • Foreground

    • BorderThickness

    Per ulteriori informazioni, vedere Portare proprietà oggetto nel modello.

  6. Per uscire dalla modalità di modifica del modello, fare clic su [TextBox] nella barra di navigazione nella parte superiore della tavola da disegno o su Ambito padre Ee371168.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(IT-IT,Expression.30).png nel pannello Oggetti e sequenza temporale.

Per ulteriori informazioni sull'applicazione del nuovo modello Textbox ad altri oggetti TextBox, vedere Applicare o rimuovere una risorsa.

Riferimenti

Per informazioni dettagliate sulle proprietà e sugli eventi del controllo TextBox di Microsoft Silverlight, vedere Silverlight Control Gallery (Raccolta controlli di Silverlight) su MSDN.

Vedere anche

Concetti

Suggerimenti di stile per controlli di Silverlight comuni

Applicazione di stili a un controllo che supporta modelli

Disegnare testo

  • Last updated on