Question

Hopefully this should be an easy one, i have a background of a rectangle i want to display as the phone accent colour or a disabled color based on a boolean in my view model.

I assume that converters are the way to go, but not sure of the syntax to get access to the static resources.

<Rectangle.Fill>
    <SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
</Rectangle.Fill>

Answer 1

Grab the code for a generic BoolToValueConverter from this blog article:-

A Generic Boolean Value Converter

Also include in your code this specialisation for a converter to a Brush:-

public class BoolToBrushConverter : BoolToValueConverter<Brush> { }

Now add the converter to your Xaml like this:-

<Grid.Resources>
   <local:BoolToBrushConverter x:Key="DisabledBrushConv"
      FalseValue="{StaticResource PhoneAccentBrush}"
      TrueValue="{StaticResource PhoneDisabledBrush}" />
</Grid>

Then in rectangle :-

 <Rectangle Fill="{Binding Disabled, Converter={StaticResource DisabledBrushConv}}" ... />

This assumes the property in your view model is called Disabled.