7
mai
2007
Blend et les dégradés
mai
2007
Un article de Matthieu MEZIL
Si vous utilisez Blend et que vous voulez mettre un BackColor (ou tout autre couleur) de type degradé, vous avez sûrement remarqué qu’il n’y avait, sauf erreur de ma part, que deux dégradés possibles :
- Dégradé du centre vers le bord et inversement
- Dégradé vertical
Et donc pas de dégradé horizontal.
Pour cela, il va falloir modifier le code xaml de :
<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
<GradientStop Color="#FF000000" Offset="0"/>
<GradientStop Color="#FFFFFFFF" Offset="1"/>
</LinearGradientBrush>
<GradientStop Color="#FF000000" Offset="0"/>
<GradientStop Color="#FFFFFFFF" Offset="1"/>
</LinearGradientBrush>
à :
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF000000" Offset="0"/>
<GradientStop Color="#FFFFFFFF" Offset="1"/>
</LinearGradientBrush>
<GradientStop Color="#FF000000" Offset="0"/>
<GradientStop Color="#FFFFFFFF" Offset="1"/>
</LinearGradientBrush>
De même, vous pourrez avoir un dégradé diagonal avec :
<LinearGradientBrush EndPoint="1,1" StartPoint="0,0">
<GradientStop Color="#FF000000" Offset="0"/>
<GradientStop Color="#FFFFFFFF" Offset="1"/>
</LinearGradientBrush>
<GradientStop Color="#FF000000" Offset="0"/>
<GradientStop Color="#FFFFFFFF" Offset="1"/>
</LinearGradientBrush>
Vous l’aurez compris, tout dépend du StartPoint et du EndPoint.
A noter que si votre dégradé n’est pas uniforme (c’est aussi possible), vous allez rajouter un nouveau GardientStop avec un Offset (cela est possible en mode design avec Blend) :
<LinearGradientBrush EndPoint="1,1" StartPoint="0,0">
<GradientStop Color="#FF000000" Offset="0"/>
<GradientStop Color="#FF5B5B5B" Offset="0.5"/>
<GradientStop Color="#FFFFFFFF" Offset="1"/>
</LinearGradientBrush>
<GradientStop Color="#FF000000" Offset="0"/>
<GradientStop Color="#FF5B5B5B" Offset="0.5"/>
<GradientStop Color="#FFFFFFFF" Offset="1"/>
</LinearGradientBrush>