SimpleButton

Il pulsante è un controllo contenuto che cambia in base a un evento Click. In Microsoft Expression Blend è possibile inserire contenuto in un pulsante facendo doppio clic sul pulsante e quindi disegnandovi un oggetto all'interno. Se si desidera posizionare più oggetti nel pulsante, è innanzitutto necessario aggiungere un pannello di layout, ad esempio Grid o Canvas. Un pulsante può inoltre contenere testo per impostazione predefinita. È possibile modificare il testo facendo clic con il pulsante destro del mouse sul pulsante e quindi scegliendo Modifica testo.

Visualizzazione tavola da disegno di un controllo SimpleButton

Descrizione del modello del controllo

Il modello del controllo SimpleButton è composto dai seguenti elementi:

• Pannello di layoutGrid    Utilizzato per contenere i vari oggetti figlio all'interno del pulsante. Un pannello Grid, inoltre, semplifica l'aggiunta di altri oggetti al modello. Se ad esempio l'oggetto radice è un oggetto Border e si tenta di aggiungere un altro oggetto, l'altro oggetto sostituirà l'oggetto ContentPresenter, in quanto Border può includere un solo oggetto figlio.

• OggettoBorder    Utilizzato perché include una proprietà BorderThickness che può essere associata mediante modello alla proprietà BorderThickness del controllo pulsante a cui è applicato il modello.

• ContentPresenter   Utilizzato per visualizzare la proprietà Content del pulsante a cui è applicato il modello. Questo oggetto deve essere presente affinché venga visualizzato il contenuto del pulsante.

Trigger di proprietà utilizzati

I trigger di proprietà del modello del controllo vengono utilizzati per fare in modo che il controllo cambi in base alle modifiche delle proprietà. È possibile fare clic sugli elementi nel pannello Trigger per visualizzare le proprietà che vengono modificate quando un trigger è attivo. Quando ad esempio nel modello SimpleButton il valore della proprietà IsMouseOver diventa True, lo sfondo dell'oggetto Border cambia colore in base a quello della risorsa MouseOverBrush.

Pennelli utilizzati

Il modello SimpleButton utilizza le seguenti risorse pennello del dizionario risorse SimpleStyles.xaml:

• La proprietà Background può essere impostata utilizzando NormalBrush quando non è attivo alcun trigger, MouseOverBrush quando la proprietà IsMouseOver è impostata su True, PressedBrush quando la proprietà IsPressed è impostata su True e DisabledBackgroundBrush quando la proprietà IsEnabled è impostata su False.

• La proprietà Border può essere impostata utilizzando NormalBorderBrush quando non è attivo alcun trigger, DefaultBorderBrush quando la proprietà IsKeyboardFocused è impostata su True, PressedBorderBrush quando la proprietà IsPressed è impostata su True e DisabledBorderBrush quando la proprietà IsEnabled è impostata su False.

• La proprietà Foreground viene impostata utilizzando DisabledForegroundBrush quando la proprietà IsEnabled è impostata su False.

Procedure consigliate e linee guida di progettazione

• In generale, è consigliabile utilizzare un controllo Grid come elemento radice del modello se si prevede che un progettista aggiungerà altri elementi visivi al controllo. In Expression Blend viene eseguita la ricerca di un pannello di layout come il controllo Grid, il quale diventa attivo per impostazione predefinita, in modo che i nuovi oggetti aggiunti alla tavola da disegno diventino oggetti figlio del pannello di layout.

• I trigger di proprietà vengono utilizzati per modificare l'aspetto del controllo in base all'azione dell'utente, ad esempio un clic su un pulsante. I trigger di proprietà sono preferibili rispetto ai trigger di evento in quanto sono necessari due trigger di evento, ad esempio per gli eventi MouseDown e MouseUp, per eseguire la stessa operazione di un trigger di proprietà, ad esempio per lo stato IsPressed. È tuttavia possibile utilizzare i trigger di evento per avviare una sequenza temporale di animazione per controlli più complessi.

• In generale, è consigliabile impostare un pennello o una modifica di visualizzazione per gli stati IsMouseOver, IsPressed e IsEnabled (False). È inoltre possibile utilizzare lo stato IsKeyboardFocused, in genere utilizzato per visualizzare una linea tratteggiata intorno al controllo.

Vedere anche

Attività

Esercitazione: applicare uno stile a un pulsante utilizzando effetti
Esercitazione: aggiungere un'animazione a un pulsante
Esercitazione: creare un pulsante con effetto di attivazione

Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.