Suggerimenti sulla definizione dello stile del controllo PasswordBox

Ee341382.0b2c798e-86c6-4ea2-a8a6-5cf1f12be1e2(it-it,Expression.40).png

È possibile utilizzare il modello del controllo PasswordBox predefinito per creare un modello PasswordBox personalizzato. Per impostazione predefinita, il controllo PasswordBox ha il seguente aspetto:

Ee341382.4e1556e5-03f0-4881-8283-8281cb11c978(it-it,Expression.40).png

Parti del modello PasswordBox

Il controllo PasswordBox dispone di una parte, ovvero ContentElement. Questa parte è obbligatoria.

Suggerimento:
Per visualizzare le parti del modello, aprire il pannello Parti durante la modifica del modello.

Stati del controllo PasswordBox

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

Nome stato	Descrizione
Normal	L'aspetto del controllo PasswordBox quando non vi è alcuna interazione con il controllo.
MouseOver	L'aspetto del controllo PasswordBox quando l'utente sposta il puntatore su di esso.
Disabled	L'aspetto del controllo PasswordBox quando la proprietà IsEnabled è impostata su False.

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

Nome stato	Descrizione
Unfocused	L'aspetto del controllo PasswordBox quando non ha lo stato attivo della tastiera.
Focused	L'aspetto del controllo PasswordBox quando ha lo stato attivo della tastiera. Ad esempio, un utente potrebbe premere TAB per spostarsi tra gli oggetti dell'applicazione fino a quando lo stato attivo della tastiera non si trova sul controllo PasswordBox.

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

Nome stato	Descrizione
Valid	L'aspetto del controllo PasswordBox quando è valido.
InvalidUnfocused	L'aspetto del controllo PasswordBox quando non è valido e non ha lo stato attivo della tastiera.
InvalidFocused	L'aspetto del controllo PasswordBox quando non è valido e ha lo stato attivo della tastiera.

Suggerimento:
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 un solo stato alla volta di uno stesso gruppo di stati, ma uno stato di un gruppo di stati può essere visualizzato contemporaneamente a uno stato di un altro gruppo di stati.

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 un solo stato alla volta di uno stesso gruppo di stati, ma uno stato di un gruppo di stati può essere visualizzato contemporaneamente a uno stato di 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 sull'indicatore della modalità di registrazione Ee341382.0dcc6415-6d4e-4fcf-a9a3-eb4664cb6cbc(it-it,Expression.40).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.

Associazione a modello

È possibile associare a modello le proprietà Background, BorderBrush, Foreground, BorderThickness e Padding. Per ulteriori informazioni, vedere Portare proprietà oggetto nel modello.

Per convertire oggetti in un controllo PasswordBox

L'immagine riportata di seguito rappresenta una progettazione composita di un controllo PasswordBox:

PasswordBox

In questo esempio viene utilizzato il codice XAML riportato al passaggio 2 della procedura seguente, che corrisponde all'immagine precedente, per creare una casella personalizzata per la password tramite il modello del controllo PasswordBox.

Aprire un nuovo progetto Microsoft Silverlight. Nella visualizzazione Codice individuare il codice riportato di seguito ed eliminare la barra di chiusura (/).
```
<Grid x:Name="LayoutRoot" Background="White"/>
```

Copiare e incollare il codice riportato di seguito nel nuovo progetto, dopo il codice individuato al passaggio 1.

<Grid Height="20" Width="120">
<Rectangle Fill="#FF333333" RadiusX="5" RadiusY="5"/>
<TextBlock Margin="5,0" Foreground="White" Text="*****" VerticalAlignment="Center"/>
</Grid>

Aggiungere un tag Grid di chiusura (</Grid>) dopo il codice appena incollato.
Nel pannello Oggetti e sequenza temporale fare clic con il pulsante destro del mouse su Grid e quindi scegliere Crea controllo. Nella finestra di dialogo Crea controllo fare clic su PasswordBox e quindi su OK.
Nel pannello Oggetti e sequenza temporale fare clic su Grid. Nel pannello Parti fare doppio clic su ContentElement.
Copiare le proprietà VerticalAlignment e Margin dell'oggetto TextBlock e incollarle nell'oggetto ContentElement. Fare clic su ContentElement nel pannello Oggetti e sequenza temporale e quindi nel pannello Proprietà eseguire le seguenti operazioni:
- **VerticalAlignment ** Impostare questa proprietà su Center.
- **Margin **Impostare i seguenti valori:
  - Left 5
  - Right 5
  - Top 0
  - Bottom 0
Nel pannello Oggetti e sequenza temporale fare doppio clic su TextBlock e quindi premere CANC.
Nel pannello Oggetti e sequenza temporale fare clic su Template e quindi su ****Reimposta l'ambito ****. Dopo aver selezionato Style nel pannello Oggetti e sequenza temporale, nella categoria Pennelli del pannello Proprietà impostare Foreground su #FFFFFFFF.
Nel pannello Oggetti e sequenza temporale fare clic su ****Reimposta l'ambito ****.
Nella categoria Proprietà comuni del pannello Proprietà digitare abcde nella casella di testo Password.
Nella categoria Testo del pannello Proprietà fare clic su Mostra proprietà avanzate. Nella casella di testo PasswordChar digitare *.
Compilare il progetto premendo CTRL+MAIUSC+B e quindi testarlo premendo F5.

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

Riferimenti

Per informazioni dettagliate sulle proprietà e gli eventi del controllo PasswordBox di Silverlight, vedere Silverlight Control Gallery Ee341382.xtlink_newWindow(it-it,Expression.40).png (Raccolta di controlli di Silverlight) su MSDN.

Vedere anche

Concetti

Suggerimenti di stile per controlli di Silverlight comuni
Definizione dello stile di un controllo che supporta i modelli
Disegnare testo

Last updated on 2017-10-11