Suggerimenti per lo stile del controllo Button

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

Il controllo Button rappresenta un oggetto che risponderà all'input utente da un mouse, una tastiera o un altro dispositivo di input e genererà un evento Click.

Come per tutti i controlli, l'aspetto predefinito del controllo Button può essere modificato anche sostanzialmente. Per impostazione predefinita, l'aspetto del controllo Button è il seguente:

Ee341364.c01e5314-5b29-4283-a483-b0a1cb3b59f6(IT-IT,Expression.30).png

Proprietà del controllo Button di interesse

Poiché il controllo Button è un controllo contenuto, è possibile visualizzare il testo del controllo Button impostando la proprietà Content in Proprietà comuni nel pannello Proprietà.

È possibile impostare la proprietà ClickMode per determinare quando viene generato l'evento Click: quando si fa clic con il mouse o lo si rilascia oppure quando il puntatore viene posizionato sul controllo Button.

È possibile modificare tali proprietà nei modi seguenti:

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

  • Impostare le proprietà in uno stile   Se si impostano le proprietà nello stile Ee341364.94fa7fc4-4f3e-4e84-9ba1-287f1b894371(IT-IT,Expression.30).png dell'oggetto pulsante, tutti gli oggetti pulsante che utilizzano tale stile utilizzeranno tali valori. È possibile sovrascrivere i valori per un oggetto specifico.

    Per ulteriori informazioni, vedere Creare uno stile.

L'aspetto del controllo Button cambia a seconda dello stato. È possibile modificare l'aspetto di ciascuno stato mentre è attiva la modalità di modifica del modello selezionando uno stato nel pannello Stati. Per ulteriori informazioni, vedere gli stati disponibili nelle tabelle seguenti e Definire stati di visualizzazione diversi per un controllo.

Per specificare l'evento che si verifica quando si fa clic sul controllo Button, trascinare un comportamento su un oggetto Button o su un oggetto nel modello pulsante. Per ulteriori informazioni, vedere Aggiunta di comportamenti a oggetti.

In alternativa, è possibile collegare l'evento Click a un gestore dell'evento. Per ulteriori informazioni, vedere Scrittura di codice che risponde agli eventi.

Parti del modello pulsante

Il controllo Button non contiene parti.

Stati del controllo Button

Per impostazione predefinita, il controllo Button può presentare uno dei quattro stati seguenti nello StateGroup CommonStates, che è possibile visualizzare nel pannello Stati quando si modifica un modello pulsante:

Nome stato

Descrizione

Normal

Aspetto del controllo Button quando non avviene alcuna interazione con il controllo.

MouseOver

Aspetto del controllo Button quando l'utente vi posiziona il puntatore.

Pressed

Aspetto del controllo Button quando l'utente vi fa clic o quando il controllo presenta lo stato attivo e l'utente preme INVIO o BARRA SPAZIATRICE.

Disabled

Aspetto del controllo Button quando la proprietà IsEnabled è impostata su False.

Il controllo Button può inoltre presentare uno dei due stati seguenti nello StateGroup FocusStates:

Nome stato

Descrizione

Unfocused

Aspetto del controllo Button quando non presenta lo stato attivo.

Focused

Aspetto del controllo Button quando presenta lo stato attivo. Un utente, ad esempio, potrebbe premere TAB per passare da un oggetto all'altro nell'applicazione finché lo stato attivo non passa al controllo Button.
Ee341364.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 di stato, fare clic sul relativo pulsante Ee341364.0dcc6415-6d4e-4fcf-a9a3-eb4664cb6cbc(IT-IT,Expression.30).png sulla tavola da disegno oppure selezionare Base nel pannello Stati.

Per convertire gli oggetti in un controllo Button

Poiché il controllo Button non dispone di parti, è possibile convertire qualsiasi oggetto in un controllo Button.

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

  2. Nella finestra di dialogo visualizzata, selezionare Button, assegnare un nome al modello e selezionare la posizione in cui verrà archiviato il modello.

    Per ulteriori informazioni sui percorsi, vedere Creare una risorsa.

  3. Dopo avere fatto clic su OK, Microsoft Expression Blend passerà alla modalità di modifica dei modelli e verranno visualizzati gli oggetti che costituiscono il controllo Button.

  4. Se il gruppo di oggetti originali includeva un oggetto TextBlock Ee341364.42165963-00f7-4a33-abcd-b0849edebada(IT-IT,Expression.30).png, l'oggetto TextBlock viene convertito in un oggetto ContentPresenter Ee341364.51a0c06c-d801-4133-8caf-cf1856a8dfc4(IT-IT,Expression.30).png nel modello del controllo Button. In questo modo sarà possibile visualizzare il testo nell'oggetto pulsante. Se gli oggetti originali non includevano un oggetto TextBlock, viene aggiunto automaticamente un oggetto ContentPresenter al modello. Se non è necessario visualizzare il testo nella proprietà Content dell'oggetto pulsante a cui verrà applicato questo modello, è possibile eliminare l'oggetto ContentPresenter.

  5. È 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.

  6. Prendere in considerazione l'associazione di alcune proprietà del pennello degli oggetti nel modello con le seguenti proprietà dell'oggetto pulsante che potrebbe utilizzare il modello:

    • Background

    • BorderBrush

    • Foreground

    • BorderThickness

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

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

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

Riferimenti

Informazioni dettagliate sulle proprietà e gli eventi del controllo pulsante di Microsoft Silverlight sono disponibili nell'articolo Silverlight Control Gallery (Raccolta di controlli di Silverlight) su MSDN.

Vedere anche

Attività

Creare un controllo da oggetti esistenti

Concetti

Suggerimenti di stile per controlli di Silverlight comuni

SimpleButton

Applicazione di stili a un controllo che supporta modelli

  • Last updated on