绑定到XAML中对象的属性

Question

I have the following data template:

<Page.Resources>
    <local:ColorToBrushConverter x:Key="ColorToBrush"/>

    <DataTemplate x:Key="PokedexListTemplate">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="2*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <TextBlock Text="{Binding Name}" Grid.Column="0"/>
            <StackPanel Grid.Column="1">
                <TextBlock Text="Type1" Foreground="{Binding Type1.Color, Converter={StaticResource ColorToBrush}}"/>
                <TextBlock Text="Type2" Foreground="{Binding Type2.Color, Converter={StaticResource ColorToBrush}}"/>
            </StackPanel>
        </Grid>
    </DataTemplate>
</Page.Resources>

This is being populated with Pokemon objects:

public class Pokemon()
{
    public PokeType Type1 { get; }
    public PokeType Type2 { get; }
    public string Name { get; }
}

which, in turn, contain PokeType objects:

public class PokeType()
{
    public string TypeColor { get; } // "#FF0000", can be changed if that'd make things easier
    public string Name { get; }
}

Converter

public class ColorToBrushConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string culture)
    {
        return new SolidColorBrush(Colors.Red);
    }

    public object ConvertBack(object value, Type targetType, object parameter, string culture)
    {
        throw new NotSupportedException();
    }

    private static Color Parse(string color)
    {
        var offset = color.StartsWith("#") ? 1 : 0;

        var a = Byte.Parse(color.Substring(0 + offset, 2), NumberStyles.HexNumber);
        var r = Byte.Parse(color.Substring(2 + offset, 2), NumberStyles.HexNumber);
        var g = Byte.Parse(color.Substring(4 + offset, 2), NumberStyles.HexNumber);
        var b = Byte.Parse(color.Substring(6 + offset, 2), NumberStyles.HexNumber);

        return Color.FromArgb(a, r, g, b);
    }
}

How can I achieve the desired effect (binding the type's name as the text and coloring it with the type's color) in the best manner? Thanks!

Answer 1

I'd recommend using an IValueConverter - have the Foreground bindings be Type1.TypeColor and Type2.TypeColor, but add the Converter parameter.

You would also have to create a String to Color converter (you can find an example here: http://compiledexperience.com/blog/posts/useful-calue-converters/ )

Usage would be something like:

<Page.Resources>
<ColorToBrushConverter x:Key="ColorToBrush"/>
</Page.Resources>

...

<TextBlock Text="{Binding Type1.Name}" Foreground="{Binding Type1.Color, Converter={StaticResource ColourToBrushConverter}}"/>