SimpleSlider

Il dispositivo di scorrimento è un controllo semplice che consente a un utente di effettuare una selezione in un intervallo di valori spostando un controllo Thumb. Per impostazione predefinita, il dispositivo di scorrimento viene visualizzato orizzontalmente, ma è possibile impostare l'orientamento verticale utilizzando la proprietà Orientation in Proprietà comuni nel pannello Proprietà di Microsoft Expression Blend. Per impostare il valore di un dispositivo di scorrimento, utilizzare le proprietà Minimum, Maximum e Value.

Visualizzazione tavola da disegno di un controllo SimpleSlider

Descrizione del modello del controllo

Il modello del controllo SimpleSlider è composto dai seguenti elementi:

• Un pannello Grid denominato GridRoot, utilizzato per contenere i vari oggetti figlio all'interno del dispositivo di scorrimento. Il pannello Grid, inoltre, semplifica l'aggiunta di altri oggetti al modello da parte di un progettista dell'interfaccia utente di un'applicazione. Il pannello GridRoot è suddiviso in tre righe: la riga superiore contiene l'oggetto TopTick, quella centrale contiene l'oggetto Thumb e quella inferiore contiene l'oggetto BottomTick.

• Due elementi TickBar denominati TopTick e BottomTick, utilizzati per visualizzare graduazioni sul dispositivo di scorrimento. Per impostazione predefinita, la proprietà Visibility è impostata su Collapsed. Gli elementi TickBar determinano il numero di segni di graduazione da visualizzare in base alle proprietà impostate nel controllo dispositivo di scorrimento a cui è applicato il modello. Gli elementi TickBar non dispongono di un modello modificabile, ma è possibile impostare il pennello da essi utilizzato per visualizzare il segno di graduazione utilizzando la proprietà Foreground nel controllo dispositivo di scorrimento. L'elemento TickBar è associato mediante modello alla proprietà Foreground del controllo dispositivo di scorrimento.

• Un elemento Border, utilizzato perché include una proprietà BorderThickness che può essere associata mediante modello alla proprietà BorderThickness del controllo pulsante a cui è applicato il modello.

• Un elemento Track denominato PART_Track, utilizzato per visualizzare un elemento Thumb lungo una barra. L'utente può trascinare l'elemento Thumb. Per impostazione predefinita, l'elemento Thumb utilizza il modello SimpleThumbStyle, che può tuttavia essere modificato.

• Due elementi RepeatButton, contenuti nell'elemento PART_Track e utilizzati per consentire all'utente di fare clic su entrambi i lati del cursore per modificare il valore del dispositivo di scorrimento in base a incrementi maggiori. È possibile specificare il valore di incremento di tali modifiche nella proprietà LargeChange del dispositivo di scorrimento, non nel modello. Il valore di incremento specificato nella proprietà SmallChange viene utilizzato quando l'utente sposta il cursore con i tasti di direzione.

• Una trasformazione di layout, utilizzata per visualizzare il dispositivo di scorrimento con orientamento orizzontale. Questa progettazione semplifica la modifica, in quanto non è più necessario ricordarsi di modificare due modelli diversi. Vi sono alcuni casi, tuttavia, in cui è necessario che i due orientamenti siano tanto diversi da richiedere modelli distinti. In tali casi, è possibile utilizzare un Setter nell'elemento <Style> nella visualizzazione XAML di Expression Blend per cambiare modello a seconda dell'orientamento. Un esempio è disponibile nel modello predefinito per il controllo di sistema Slider.

  Attenzione:
  Non rinominare gli elementi il cui nome inizia con "PART_", perché il codice di implementazione del controllo fa riferimento a tali elementi.

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. Nel modello SimpleSlider, ad esempio, vengono utilizzati trigger per visualizzare gli elementi TickBar in base al valore della proprietà TickPlacement. In questo modo viene impostata la visibilità per gli elementi TopTick e BottomTick. Nei trigger del modello SimpleSlider sono inoltre configurati gli orientamenti orizzontale e verticale. In questo modo, viene applicata una trasformazione di layout al dispositivo di scorrimento che ne determina la rotazione di 90 gradi. Poiché l'elemento Track viene orientato automaticamente, viene forzato nella posizione precedente per impedirne una seconda rotazione.

Pennelli utilizzati

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

• La proprietà Background viene impostata utilizzando LightBrush quando non è attivo alcun trigger. Viene invece impostata utilizzando DisabledBackgroundBrush quando la proprietà IsEnabled è impostata su False.

• La proprietà BorderBrush viene impostata utilizzando NormalBorderBrush quando non è attivo alcun trigger. Viene invece impostata utilizzando DisabledBorderBrush quando la proprietà IsEnabled è impostata su False.

• La proprietà Foreground dell'elemento TopTick viene impostata utilizzando GlyphBrush.

• La proprietà Fill del modello SimpleThumb viene impostata utilizzando NormalBrush, mentre la proprietà Stroke viene impostata utilizzando NormalBorderBrush.

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.

• Se necessario, è possibile aggiungere trigger al modello SimpleSlider oppure modificare l'elemento PART_Track per conferire un aspetto più interessante al dispositivo di scorrimento. Evitare tuttavia di rinominare gli elementi il cui nome inizia con "PART_", perché vi viene fatto riferimento dal codice di implementazione del controllo. L'oggetto Thumb e i pulsanti di ripetizione devono essere posizionati negli elementi corretti all'interno di Track. Il controllo Track è in grado di posizionare l'elemento Thumb in base al valore del controllo Slider. I pulsanti di ripetizione utilizzano associazioni Command per aumentare o diminuire il valore del dispositivo di scorrimento.

• Quando si modifica il modello di SimpleSlider, è possibile forzare la visualizzazione degli elementi TickBar selezionando il trigger appropriato nel pannello Trigger. Quando ad esempio nel modello SimpleSlider la proprietà TickPlacement è impostata su Both, entrambi gli elementi TickBar vengono visualizzati se la relativa proprietà Visibility è impostata su Visible.

Vedere anche

Attività

Esercitazione: personalizzare l'elemento Thumb di un controllo SimpleSlider

Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.