Y at-il un moyen de désaturer une image sur un bouton qui est désactivé?

Question

Est-il possible de désaturer les images dans les boutons désactivés? par exemple. ICommand.CanExecute = false? ou dois-je utiliser des images séparées + Style/Triggers

Answer 1

J'utilise un style spécial pour cela, ce qui réduit l'opacité de l'image lorsque le bouton est désactivé (oui, cela fonctionne aussi si le bouton est lié à une commande). Techniquement, cela est désaturation pas, mais il ressemble et il pourrait vous aider à tirer une solution sur votre propre:

<Style x:Key="buttonImage"> 
    <Style.Triggers> 
     <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType={x:Type Button}, AncestorLevel=1}, Path=IsEnabled}" Value="False"> 
      <Setter Property="Image.Opacity" Value="0.25"></Setter> 
     </DataTrigger> 
    </Style.Triggers> 
</Style> 

Answer 2

Voici un shader désature (Desaturate.fx):

sampler2D inputSampler : register(S0); 
/// <summary>The strength of the effect.</summary> 
/// <minValue>0</minValue> 
/// <maxValue>1</maxValue> 
/// <defaultValue>0</defaultValue> 
float Strength : register(C0); 

float4 main(float2 uv : TEXCOORD) : COLOR 
{ 
    float4 srcColor = tex2D(inputSampler, uv); 
    float3 rgb = srcColor.rgb; 
    float3 c = (1 - Strength)*rgb + Strength* dot(rgb, float3(0.30, 0.59, 0.11)); 
    return float4(c, srcColor.a); 
} 

Compile et ajouter le fichier .ps comme une ressource, puis l'envelopper comme ceci:

public class Desaturate : ShaderEffect 
{ 
    public static readonly DependencyProperty InputProperty = ShaderEffect.RegisterPixelShaderSamplerProperty(
     "Input", 
     typeof(Desaturate), 
     0); 

    public static readonly DependencyProperty StrengthProperty = DependencyProperty.Register(
     "Strength", 
     typeof(double), 
     typeof(Desaturate), 
     new UIPropertyMetadata(((double)(0D)), PixelShaderConstantCallback(0))); 

    public Desaturate() 
    { 
     PixelShader pixelShader = new PixelShader(); 
     pixelShader.UriSource = new Uri("/So.Wpf;component/Effects/Desaturate.ps", UriKind.Relative); 
     this.PixelShader = pixelShader; 

     this.UpdateShaderValue(InputProperty); 
     this.UpdateShaderValue(StrengthProperty); 
    } 
    public Brush Input 
    { 
     get 
     { 
      return ((Brush)(this.GetValue(InputProperty))); 
     } 
     set 
     { 
      this.SetValue(InputProperty, value); 
     } 
    } 
    /// <summary>The strength of the effect. 0 is unchanged and 1 is monochrome</summary> 
    public double Strength 
    { 
     get 
     { 
      return ((double)(this.GetValue(StrengthProperty))); 
     } 
     set 
     { 
      this.SetValue(StrengthProperty, value); 
     } 
    } 
} 

ensuite, vous pouvez l'utiliser en XAML comme celui-ci, la force est bindable si np le brancher à activé via la gâchette:

<Grid> 
    <Image Source="http://i.imgur.com/CN63KcN.jpg"> 
     <Image.Effect> 
      <effects:Desaturate Strength="{Binding ElementName=SaturationSlider, Path=Value}"/> 
     </Image.Effect> 
    </Image> 
    <Slider x:Name="SaturationSlider" Minimum="0" Maximum="1" VerticalAlignment="Bottom"/> 
</Grid>