Suggerimenti per lo stile del controllo Slider

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

Il controllo Slider presenta una gamma di valori in cui il valore corrente è rappresentato dalla posizione di un tipo di oggetto denominato Thumb.

Come con tutti i controlli, il controllo Slider può essere modificato per creare un aspetto diverso da quello predefinito. Per impostazione predefinita, il controllo Slider ha un aspetto simile al seguente:

Ee371160.42dd6b3d-3876-435a-b401-1f9d2c815454(IT-IT,Expression.30).png

Proprietà di interesse del controllo Slider

È possibile visualizzare il controllo Slider in orizzontale o verticale impostando la proprietà Orientation in Proprietà comuni nel pannello Proprietà. È inoltre possibile invertire la direzione dei numeri selezionando la proprietà IsDirectionReversed. È possibile specificare la gamma di valori impostando le proprietà Minimum e Maximum. Il valore corrente, specificato nella proprietà Value deve essere compreso tra i valori minimo e massimo. Nella categoria Proprietà comuni è possibile impostare altre proprietà quali LargeChange e SmallChange.

È possibile modificare tali proprietà nei modi seguenti:

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

  • Impostare le proprietà in uno stile   Se si impostano queste proprietà nello stile Ee371160.94fa7fc4-4f3e-4e84-9ba1-287f1b894371(IT-IT,Expression.30).png dell'oggetto Slider, qualsiasi oggetto Slider che utilizza tale stile utilizzerà questi valori. È possibile sovrascrivere i valori per un oggetto specifico.

    Per ulteriori informazioni, vedere Creare uno stile.

Il controllo Slider cambia aspetto a seconda dello stato in cui si trova. È possibile modificare l'aspetto di ciascun stato nella 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.

Parti del modello Slider

Il controllo Slider utilizza un modello: il Modello Slider. Ogni parte del modello assume un ruolo nell'aspetto e comportamento dell'oggetto Slider al quale il modello è applicato.

Gli altri oggetti possono essere presenti nel modello con lo stesso aspetto del controllo Silder, ma le parti elencate nella seguente tabella sono vincolate al comportamento previsto nel contratto.

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

Ee371160.7db0aaf3-dcb4-427a-9ebc-3d192e34df54(IT-IT,Expression.30).png

Nome parte

Tipo di oggetto

Descrizione

Ee371160.25182a96-9a69-478a-9cfe-5b360e6a9bea(IT-IT,Expression.30).png HorizontalTemplate

Ee371160.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(IT-IT,Expression.30).png VerticalTemplate

FrameworkElement

Un pannello di layout che contiene gli oggetti che definiscono l'aspetto del controllo Slider quando è orientato orizzontalmente o verticalmente.

Questa parte è obbligatoria.

Ee371160.f0c1ff71-7814-42ba-806b-7ea92d616e69(IT-IT,Expression.30).png HorizontalTrackLargeChangeDecreaseRepeatButton

Ee371160.eb6fad93-f17e-4f62-a926-8c8651862891(IT-IT,Expression.30).png VerticalTrackLargeChangeDecreaseRepeatButton

RepeatButton

Un oggetto che diminuisce la proprietà Value dello Slider quando l'oggetto è selezionato. La proprietà Value viene ridotta in modo incrementale dal valore nella proprietà LargeChange.

Ee371160.a5d608f2-bba2-48c5-8b15-2c115db86acc(IT-IT,Expression.30).png HorizontalThumb

Ee371160.15de085f-48f5-41dd-a286-e3dcb4cfd18b(IT-IT,Expression.30).png VerticalThumb

Thumb

Un oggetto la cui posizione lungo un track rappresenta il valore corrente del controllo Slider.

Questa parte è obbligatoria.

Ee371160.1d2fe38a-3fd8-4951-b978-7e44b6f2401d(IT-IT,Expression.30).png HorizontalTrackLargeChangeIncreaseRepeatButton

Ee371160.1aa736bd-cd0d-4514-a5e4-b495d11d4870(IT-IT,Expression.30).png VerticalTrackLargeChangeIncreaseRepeatButton

RepeatButton

Un oggetto che diminuisce la proprietà Value dello Slider quando l'oggetto è selezionato. La proprietà Value viene aumentata in modo incrementale dal valore nella proprietà LargeChange.

Stati del controllo Slider

Per impostazione predefinita, il controllo Slider può essere in uno dei tre seguenti stati nello StateGroup CommonStates, che può essere visualizzato nel pannello Stati quando si modifica un modello Slider:

Nome stato

Descrizione

Normal

L'aspetto del controllo Slider quando non c'è interazione con il controllo.

MouseOver

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

Disabled

L'aspetto del controllo Slider quando la proprietà IsEnabled è impostata in False.

Il controllo Slider può essere in uno dei seguenti due stati dello StateGroup FocusStates:

Nome stato

Descrizione

Unfocused

L'aspetto del controllo Slider quando non è attivo lo stato della tastiera

Focused

L'aspetto del controllo Slider quando è attivo lo stato della tastiera Ad esempio, un utente potrebbe premere il tasto TAB per scorrere gli oggetti nell'applicazione fino a quando lo stato attivo della tastiera non si sposta sul controllo Slider.
Ee371160.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 Ee371160.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 gli oggetti in un controllo Slider

Per modificare il modello di uno controllo Slider, è possibile eseguire una delle operazioni seguenti:

  • Disegnare uno Slider Ee371160.bf689d92-3c74-4218-815c-e98c930ac189(IT-IT,Expression.30).png sulla tavola da disegno e creare una copia del modello predefinito.

    Per ulteriori informazioni, vedere Creare o modificare un modello.

  • Progettare l'aspetto del controllo Slider disegnando gli oggetti o importando gli elementi grafici e quindi utilizzare il comando Crea controllo.

Se si utilizza il comando Crea controllo, seguire queste procedure per accertarsi di creare tutti gli oggetti che il modello Slider richiede:

  1. Raggruppare tutti gli oggetti di cui si desidera definire l'aspetto del controllo Slider in un pannello di layout Grid.

  2. Scegliere il nuovo oggetto Grid, quindi, nel menu Strumenti, fare clic su Crea controllo.

  3. Nella finestra di dialogo visualizzata, selezionare Slider, nominare il modello e selezionare la posizione in cui verrà archiviato il modello.

    Per ulteriori informazioni sui percorsi, vedere Creare una risorsa.

  4. Dopo aver selezionato OK, Microsoft Expression Blend entra in modalità modifica modello e visualizza gli oggetti che visualizzano il controllo Slider in verticale.

  5. Il modello di un controllo Slider include parti che sono utilizzate quando l'oggetto Slider è orientato orizzontalmente o verticalmente. È possibile assegnare tutte le parti nel pannello Parti agli oggetti nel modello oppure è possibile assegnare solo le parti che sono relative a un orientamento del controllo Slider. Se è disponibile solo una serie di oggetti, ma si desidera progettare il modello per entrambi gli orientamenti del controllo Slider, è possibile duplicare gli oggetti e ridisporre il set duplicato.

    Ee371160.alert_tip(IT-IT,Expression.30).gifSuggerimento:

    Se si assegnano solo le parti verticali nel pannello Parti agli oggetti nel modello, questi verranno nascosti dalla tavola da disegno se l'oggetto Slider (al quale il modello è applicato) è impostato per la visualizzazione orizzontale. Per modificare l'orientamento dell'oggetto Slider, fare clic su [Slider] nella barra di navigazione nella parte superiore della tavola da disegno per ritornare all'ambito di modifica dell'oggetto Slider, impostare la proprietà Orientation in Verticalmente e quindi utilizzare il terzo pulsante sulla barra di navigazione per ritornare alla modalità di modifica modello.

  6. Per creare l'oggetto per la parte HorizontalTemplate o VerticalTemplate, eseguire le seguenti operazioni:

    1. Disegnare un pannello di layout Grid Ee371160.a87ee957-7fbf-4135-a6ab-6de7e63160aa(IT-IT,Expression.30).png con tre colonne o tre righe. Le tre colonne devono essere ridimensionate in Auto, Auto e con asterischi (*), rispettivamente.

      Per ulteriori informazioni, vedere Aggiungere o rimuovere una riga o una colonna e Modificare l'opzione di ridimensionamento di una riga o di una colonna.

    2. Fare clic con il pulsante destro sull'oggetto Grid, selezionare Make Into Part of Slider, scegliere HorizontalTemplate o VerticalTemplate.

  7. Lo spazio in cui si muove l'oggetto Thumb è denominato traccia. Il track non è una parte di modello ed è quindi opzionale. Inserire uno o più oggetti di cui si desidera rappresentare la track nell'oggetto HorizontalTemplate o VerticalTemplate, in tutte e tre le colonne o righe.

    Ee371160.alert_tip(IT-IT,Expression.30).gifSuggerimento:

    Per consentire a un oggetto di occupare più colonne o righe, selezionare l'oggetto, quindi nel pannello Proprietà, impostare la proprietà RowSpan o ColumnSpan.

  8. Dal momento che un oggetto Thumb può avere il suo modello, gli oggetti che si desidera utilizzare devono essere convertiti in un controllo Thumb eseguendo una delle seguenti operazioni:

    1. Raggruppare gli oggetti che rappresenteranno l'oggetto Thumb in un pannello di layout.

    2. Spostare il nuovo pannello di layout nella colonna o riga centrale dell'oggetto HorizontalTemplate o VerticalTemplate.

      Ee371160.alert_tip(IT-IT,Expression.30).gifSuggerimento:

      Per inserire un oggetto in una colonna o riga specifica, selezionare l'oggetto e quindi nel pannello Proprietà, impostare la proprietà Column o Row. Il numero della prima colonna o riga è 0.

    3. Fare clic con il pulsante destro del mouse sul nuovo pannello di layout, selezionare Make Into Part of Slider e quindi HorizontalThumb oppure VerticalThumb.

    4. Nella finestra di dialogo Crea parte, selezionare il percorso nel quale verrà archiviato il modello.

    5. Quando è attiva la modalità di modifica del modello per il nuovo oggetto Thumb, è possibile continuare ad apportare modifiche, ad esempio selezionando gli stati nel pannello Stati per modificare l'aspetto dell'oggetto Thumb in quegli stati. Se si desidera disporre di un margine nell'oggetto Thumb, impostare la proprietà Margin nell'oggetto radice.

    6. Tornare indietro alla modalità di modifica del modello per l'oggetto Slider facendo clic su Ambito padre Ee371160.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(IT-IT,Expression.30).png nel pannello Oggetti e sequenza temporale oppure selezionando VerticalThumb o HorizontalThumb nella barra di navigazione presente nella parte superiore della tavola da disegno.

    7. Impostare le proprietà Width e Height del nuovo oggetto Thumb in valori specifici in modo che la colonna o riga centrale verrà automaticamente ridimensionata per adattarla all'oggetto Thumb.

  9. Se si desidera abilitare l'utente alla selezione di un pulsante ad una delle estremità del track per spostare l'oggetto Thumb di piccoli incrementi, eseguire le operazioni seguenti:

    1. Raggruppare gli oggetti che si desidera utilizzare per il pulsante di riduzione in un pannello di layout.

    2. Spostare il nuovo pannello di layout nella prima colonna dell'oggetto HorizontalTemplate o nella prima riga dell'oggetto VerticalTemplate.

    3. Fare clic con il pulsante destro del mouse sul pannello di layout, selezionare Make Into Part of Slider e quindi HorizontalTrackLargeChangeDecreaseRepeatButton oppure VerticalTrackLargeChangeDecreaseRepeatButton.

    4. Nella finestra di dialogo Crea parte, selezionare il percorso nel quale verrà archiviato il modello.

    5. In modalità di modifica modello per il nuovo oggetto RepeatButton, è possibile continuare ad apportare modifiche, ad esempio eliminare l'oggetto ContentPresenter. Se si desidera disporre di un margine nell'oggetto RepeatButton, impostare la proprietà Margin nell'oggetto radice.

    6. Tornare indietro alla modalità di modifica del modello per l'oggetto Slider facendo clic su Ambito padre Ee371160.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(IT-IT,Expression.30).png nel pannello Oggetti e sequenza temporale oppure selezionando HorizontalTrackLargeChangeDecreaseRepeatButton o VerticalTrackLargeChangeDecreaseRepeatButton nella barra di navigazione presente nella parte superiore della tavola da disegno.

    7. Regolare le proprietà in Layout nel pannello Proprietà per rendere l'oggetto RepeatButton visibile nella posizione desiderata. È inoltre possibile riordinare gli oggetti nascosti dietro altri oggetti.

      Per ulteriori informazioni, vedere Modificare l'ordine dei livelli degli oggetti.

    8. Ripetere queste procedure per l'oggetto HorizontalTrackLargeChangeIncreaseRepeatButton oppure VerticalTrackLargeChangeIncreaseRepeatButton, spostando l'oggetto nell'ultima colonna dell'oggetto HorizontalTemplate o nell'ultima riga dell'oggetto VerticalTemplate.

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

  11. Considerare l'associazione di alcune proprietà di pennello per gli oggetti nel modello alle seguenti proprietà dell'oggetto Slider che alla fine utilizzerà il modello:

    • Background

    • BorderBrush

    • Foreground

    • BorderThickness

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

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

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

Riferimenti

È possibile trovare informazioni dettagliate sulle proprietà e gli eventi del controllo Slider Microsoft Silverlight in Silverlight Control Gallery (Silverlight Raccolta di controlli) su MSDN.

Vedere anche

Attività

Associare un oggetto a input utente o altri valori interni

Concetti

Suggerimenti di stile per controlli di Silverlight comuni

SimpleSlider

Applicazione di stili a un controllo che supporta modelli

  • Last updated on