設置列表框項目背景根據的ItemSource Databinded價值

Question

一個一個LinearGradientBrush這裏是我試過到目前爲止取決於databinded對象

我對象的int值，以實現在一個列表框項（名單）漸變背景其簡化形式：

public class Item { 
public string name { get; set; } 
public string address { get; set; } 
public int highlight { get; set; } 
} 

轉換器嘗試：

使用這種轉換器：

public class BusinessTypeToBackgroundConverter : IValueConverter 
{ 
    private static readonly LinearGradientBrush NormalBkg = new LinearGradientBrush 
    { 
     StartPoint = new Point(0, 0), 
     EndPoint = new Point(0, 1), 
     GradientStops = new GradientStopCollection 
          { 
           new GradientStop {Color = Util.GetColorFromHex("#4ce6e6e6")}, 
           new GradientStop {Color = Util.GetColorFromHex("#ffe6e6e6")} 
          } 
    }; 

    private static readonly LinearGradientBrush HighlightedBkg = new LinearGradientBrush 
    { 
     StartPoint = new Point(0, 0), 
     EndPoint = new Point(0, 1), 
     GradientStops = new GradientStopCollection 
               { 
                new GradientStop {Color = Util.GetColorFromHex("#4cffffcc")}, 
                new GradientStop {Color = Util.GetColorFromHex("#ffffffcc")} 
               } 
    }; 

    public object Convert(object value, Type targetType, 
        object parameter, CultureInfo culture) 
    { 
     switch ((int)value) 
     { 
      case 1: 
       return HighlightedBkg; 
      case 2: 
       return NormalBkg; 
      default: 
       return NormalBkg; 
     } 
    } 

    public object ConvertBack(object value, Type targetType, 
           object parameter, CultureInfo culture) 
    { 
     throw new NotImplementedException("BusinessTypeToBackgroundConverter ConvertBack Method Not Implemented"); 
    } 
} 

，而且此項目模板

<ListBox      
Name="lstResults" 
ItemContainerStyle="{StaticResource ListBoxItemStyle1}"> 
<ListBox.ItemTemplate> 
    <DataTemplate>       
     <Grid Background="{Binding highlight, Converter={StaticResource myConverter}}"> 
      <StackPanel> 
       <TextBlock Text="{Binding name}" TextWrapping="Wrap" FontSize="24" FontWeight="Bold" Foreground="Black"/> 
       <TextBlock Text="{Binding address}" TextWrapping="Wrap" FontSize="24" Foreground="Black" /> 
      </StackPanel> 
     </Grid> 
    </DataTemplate> 
</ListBox.ItemTemplate> 
</ListBox> 

代碼嘗試背後

增加了 「一個LinearGradientBrush背景」 屬性來我的項目對象

public LinearGradientBrush background 
{ 
    get 
    { 
     if (highlight == 1) return HighlightedBkg; 
     else return NormalBkg; 
    } 
} 

在這兩種情況下，只有在開始顏色的漸變應用於listItem（網格背景）。所以我最終用純色:)

反正是有設定背景TI的代碼，而不是使用XAML標記的漸變：

<LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> 
    <GradientStopCollection> 
     <GradientStop Color="#ff444444" Offset="0" /> 
     <GradientStop Color="#ff000000" Offset="1" /> 
    </GradientStopCollection> 
</LinearGradientBrush> 

Answer 1

問題是，當您指定您的漸變在代碼中停止時，您沒有指定偏移量。

但是，我會建議你不要避免Xaml的解決方案。首先閱讀這個博客：A Generic Boolean Value Converter。我也建議你的Hightlight屬性應該是一個bool類型不是int。

通過包括在項目中的博客轉換器的代碼，你應該是在一個位置，做這樣的事情： -

<Grid x:Name="LayoutRoot"> 
    <Grid.Resources> 
     <local:BoolToBrushConverter x:Key="Highlighter"> 
      <local:BoolToBrushConverter.TrueValue> 
       <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> 
        <GradientStopCollection> 
       <GradientStop Color="#4cffffcc" Offset="0" /> 
       <GradientStop Color="#ffffffcc" Offset="1" /> 
        </GradientStopCollection> 
       </LinearGradientBrush> 
      </local:BoolToBrushConverter.TrueValue> 
      <local:BoolToBrushConverter.FalseValue> 
       <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> 
        <GradientStopCollection> 
       <GradientStop Color="#4ce6e6e6" Offset="0" /> 
       <GradientStop Color="#ffe6e6e6" Offset="1" /> 
        </GradientStopCollection> 
       </LinearGradientBrush> 
      </local:BoolToBrushConverter.FalseValue> 
     </local:BoolToBrushConverter> 
    </Grid.Resources> 

<ListBox      
Name="lstResults" 
ItemContainerStyle="{StaticResource ListBoxItemStyle1}"> 
<ListBox.ItemTemplate> 
    <DataTemplate>       
     <Grid Background="{Binding highlight, Converter={StaticResource Highlighter}}"> 
      <StackPanel> 
       <TextBlock Text="{Binding name}" TextWrapping="Wrap" FontSize="24" FontWeight="Bold" Foreground="Black"/> 
       <TextBlock Text="{Binding address}" TextWrapping="Wrap" FontSize="24" Foreground="Black" /> 
      </StackPanel> 
     </Grid> 
    </DataTemplate> 
</ListBox.ItemTemplate> 
</ListBox> 

不僅這種方法讓你保持視覺描述越熟悉的Xaml時尚，它更加靈活和可重複。

Answer 2

你需要改變你的背景結合Background="{Binding highlight, Converter={StaticResource myConverter}}"