Tutorial Silverlight 4 il controllo rating

Introduzione al controllo rating di Silverlight 4 e del toolkit.

il
Sviluppatore Microsoft .Net, Collaboratore di IProgrammatori

Introduzione

Nel toolkit di Silverlight, scaricabile dal seguente sito http://silverlight.codeplex.com/  estende con nuovi controlli quelli presenti in Silverlight 4, fornendo al programmatore, strumenti che migliorano lo sviluppo del software.

In questo articolo, vedremo l'utilizzo del controllo rating.

Inseriamo, il controllo rating nella nostra form, verrà visualizzato un controllo con 5 stelle.
Qui di seguito riportiamo il codice xaml di tale controllo.

Codice XAML
<toolkit:Rating Height="100" HorizontalAlignment="Left" ItemCount="3"  Value="0.7" Margin="220,331,0,0" Name="rating1" VerticalAlignment="Top" Width="200" />


La proprietà itemCount, imposta il numero delle immagini visibili, nel nostro esempio, verranno visualizzate 3 stelle.
La proprietà Value, imposta il valore di default che viene visualizzata appena si carica il nostro controllo.

Si fa presente, che tale valore, ha un valore minimo uguale a "0"  e massimo uguale a "1".

Questa proprietà, ci torna il valore, selezionato dall'utente durante il click o evento valuechanged.

La proprietà Itemcount, si può sostituire con i sotto tag, di tipo ratingitem, qui di seguito riportiamo un esempio del file xaml


<toolkit:Rating Height="100" HorizontalAlignment="Left"   Margin="202,410,0,0" Name="rating2" VerticalAlignment="Top" Width="200" >
            <toolkit:RatingItem ></toolkit:RatingItem>
            <toolkit:RatingItem ></toolkit:RatingItem>
            <toolkit:RatingItem ></toolkit:RatingItem>
        </toolkit:Rating>


Un'altra proprietà interessante, è la proprietà "SelectionMode" che permette di impostare il tipo di selezione.
Si hanno due valori, e precisamente il valore "Continuous", in cui abbiamo la selezione continua, ossia le immagini vengono selezionate in maniera continuatià, partendo da sinsitra a destra.

Con il valore "Individual" vengono selezionati singole immagini, e quindi singole stelle, una alla volta.

Qui di seguito si riporta un esempio di tale proprietà.


<toolkit:Rating Height="100" HorizontalAlignment="Left" SelectionMode="Continuous"    Margin="202,410,0,0" Name="rating2" VerticalAlignment="Top" Width="200" >
            <toolkit:RatingItem  Foreground="Blue" ></toolkit:RatingItem>
            <toolkit:RatingItem Foreground="Blue"></toolkit:RatingItem>
            <toolkit:RatingItem Foreground="Blue"></toolkit:RatingItem>
        </toolkit:Rating>

Conclusioni

L'articolo, ha voluto fornire l'utilizzo di base di questo controllo, un controllo, che può tornare utile in quelle applicazioni, in cui si devono apportare delle valutazioni.
Il suo utilizzo è semplice ed immediato. Ricordiamo che quando si installa il toolkit, si instanno anche esempi e manuali.