Цвет фона сетки на основе свойства объекта

Question

Как установить цвет фона для отдельных элементов сетки на основе свойства отдельного элемента? У меня есть следующий код:

<PivotItem x:Uid="PivotBlocks" Margin="10, 10, 10, 10" Header="blockx" DataContext="{Binding Blocks}" d:DataContext="{Binding , Source={d:DesignData Source=/DataModel/SampleData.json, Type=data:DataSource}}"> 
    <GridView ItemsSource="{Binding Formations}" IsItemClickEnabled="True" ItemClick="Point_ItemClick" Loaded="PivotBlocks_Loaded" ContinuumNavigationTransitionInfo.ExitElementContainer="True"> 
     <GridView.ItemTemplate> 
      <DataTemplate> 
       <Grid Width="80" Height="80" Margin="0,0,10,10" Background="{StaticResource PhoneAccentBrush}"> 
        <StackPanel VerticalAlignment="Bottom"> 
         <TextBlock Text="{Binding Shorthand}" Padding="5, 0, 0, 5" Style="{StaticResource SubheaderTextBlockStyle}" /> 
        </StackPanel> 
       </Grid> 
      </DataTemplate> 
     </GridView.ItemTemplate> 
    </GridView> 
</PivotItem> 

Каждая свита (элемент) имеет HasBeenSelected свойство типа Bool, что я хочу использовать, чтобы установить цвет, так что серый, если оно истинно, в противном случае цвет пользователи акцент.

Answer 1

Вы можете, например, использовать конвертер для этой задачи:

Определить класс преобразования в пространстве имен:

namespace MyConverters 
{ 
    public class BoolToBrush : IValueConverter 
    { 
    private Brush FalseValue = new SolidColorBrush(Colors.Gray); 
    public Brush TrueValue = Application.Current.Resources["PhoneAccentBrush"] as Brush; 

    public object Convert(object value, Type targetType, object parameter, string language) 
    { 
     if (value == null) return FalseValue; 
     else return (bool)value ? TrueValue : FalseValue; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, string language) 
    { 
     return value != null ? value.Equals(TrueValue) : false; 
    } 
    } 
} 

Затем в XAML в Page.Resources определить ключ (не забудьте добавить пространство имен):

<Page ... 
     ... some code ... 
xmlns:converter="MyConverters" 
     .../> 
<Page.Resources> 
    <converter:BoolToBrush x:Key="BoolToBrush"/> 
</Page.Resources> 

Затем, наконец, вы можете использовать свой con verter with Binding:

<PivotItem x:Uid="PivotBlocks" Margin="10, 10, 10, 10" Header="blockx" DataContext="{Binding Blocks}" d:DataContext="{Binding , Source={d:DesignData Source=/DataModel/SampleData.json, Type=data:DataSource}}"> 
    <GridView ItemsSource="{Binding Formations}" IsItemClickEnabled="True" ItemClick="Point_ItemClick" Loaded="PivotBlocks_Loaded" ContinuumNavigationTransitionInfo.ExitElementContainer="True"> 
     <GridView.ItemTemplate> 
      <DataTemplate> 
       <Grid Width="80" Height="80" Margin="0,0,10,10" Background="{Binding HasBeenSelected, Converter={StaticResource BoolToBrush}}"> 
        <StackPanel VerticalAlignment="Bottom"> 
         <TextBlock Text="{Binding Shorthand}" Padding="5, 0, 0, 5" Style="{StaticResource SubheaderTextBlockStyle}" /> 
        </StackPanel> 
       </Grid> 
      </DataTemplate> 
     </GridView.ItemTemplate> 
    </GridView> 
</PivotItem>