2010-07-20 17 views
6

Tengo un pincel que colorea el fondo de un encabezado. Me gusta cómo se ve el pincel, pero me gustaría que se desvanezca a transparente en el tercio inferior. ¿Alguna idea de como hacer esto?Cepillo de degradado lineal Desvanecimiento WPF

<LinearGradientBrush 
    x:Key="HeaderBackgroundBrush" 
    EndPoint=".5,1" 
    StartPoint="1,0"> 
    <GradientStop Color="#006699" Offset="1"/> 
    <GradientStop Color="#80A8CC" Offset="0.5"/> 
</LinearGradientBrush> 

Respuesta

20

no estoy seguro de que puede hacerlo mediante el trabajo sólo en el nivel de cepillo, sin embargo, puede aplicar una OpacityMask a su mando:

<LinearGradientBrush 
    x:Key="HeaderBackgroundOpacityMask" 
    StartPoint="0,0" 
    EndPoint="0,1"> 
    <GradientStop Color="#FFFFFFFF" Offset="0"/> 
    <GradientStop Color="#FFFFFFFF" Offset="0.667"/> 
    <GradientStop Color="#00FFFFFF" Offset="1"/> 
</LinearGradientBrush> 

... 
<Border Background="{StaticResource HeaderBackgroundBrush}" 
     OpacityMask="{StaticResource HeaderBackgroundOpacityMask}"> 
+0

Esto es lo que estaba buscando gracias! –

6

simplemente especifique los colores como ARGB (incluyendo alfa) como este: #AARRGGBB. Luego, deje que su último gradiente detenga un valor alfa de 0 (totalmente transparente; en su caso, # 0080A8CC). HTH.

+0

Esto no va a funcionar, porque la dirección deseada de la opacidad gradiente no es lo mismo que la dirección del gradiente de color –

Cuestiones relacionadas