WPF reliure: Jeu Listbox Élément de couleur de texte basé sur la propriété

Je suis sûr que c'est probablement quelque chose de fondamental dans WPF, mais je suis de nouveau à la syntaxe XAML je suis d'essayer d'envelopper ma tête autour de lui.

L'Installation

J'ai un LogItem Type, juste un POCO:

public class LogItem
{ 
    public string Message {get;set;}
    public Color MessageColor {get;set;}
}

et une Liste de LogItem dans mon ViewModel:

    private ObservableCollection<LogItem> _logItems; 
    public ObservableCollection<LogItem> LogItems
    {
        get { return _logItems; }
        set
        {
            if (value != _logItems)
            {
                _logItems = value;
                OnPropertyChanged("LogItems");
            }
        }
    }

Mon viewmodel est lié à la vue afin que je puisse effectuer les opérations suivantes:

<ListBox Grid.Row="0" Margin="0,10,0,0" Grid.ColumnSpan="3" Height="150" ItemsSource="{Binding LogItems}">

(Évidemment, je reste à définir l'affichage de texte, reliure, etc)

La Question

Étant donné que j'ai un Message et MessageColor propriété dans LogItems, quelle est la bonne syntaxe XAML pour lier la couleur du texte de l'élément de la couleur que je le préciser?

N'oubliez pas de faire le LogItem propriétés publiques. De liaison à eux de ne pas travailler autrement.
Désolé, j'ai fait faire, mais a été écrit ceci à partir de la mémoire. Merci pour l'attraper! Je vais modifier.

OriginalL'auteur SeanKilleen | 2013-09-24

  1. 23
        <ListBox Grid.Row="0" Margin="0,10,0,0" Grid.ColumnSpan="3" Height="150" ItemsSource="{Binding LogItems}">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Message}" Foreground="{Binding MessageColor}"/>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

    TextBlock Foreground s'attend à un Brush pas un Color. Comme beaucoup de choses dans WPF, Il ya beaucoup de façons d'approche. Voici un couple de:

    1. Changement de MessageColor propriété dans le viewModel de Brush

      Brush MessageColor {get;set;}

    2. Créer un SolidColorBrush et le lier à votre couleur

        <TextBlock Text="{Binding Message}">
      <TextBlock.Foreground>
         <SolidColorBrush Color="{Binding MessageColor}"/>
      </TextBlock.Foreground>
  </TextBlock>

    3. Créer un ColorToBrushConverter 

      public class ColorToBrushConverter : IValueConverter
{
      #region IValueConverter Members

      public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
      {
             if (value == null) return Brushes.Black; //Default color

             Color color = (Color)value;

             return new SolidColorBrush(color);
      }

      public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
      {
             throw new NotImplementedException();
      }

      #endregion
}

    En xaml, créer le convertisseur statique de ressources

    <Window.Resources>
    <local:ColorToBrushConverter x:Key="colorToBrushConverter"/>
</Window.Resources>

    l'utiliser dans la liaison

    <TextBlock Text="{Binding Message}" Foreground="{Binding MessageColor, Converter={StaticResource colorToBrushConverter}"/>

    Bonne chance

    MessageColor est une Couleur, pas un Pinceau.. <TextBlock.De premier plan><SolidColorBrush Color="{Binding MessageColor}"/></TextBlock.De premier plan>
    mise à jour, merci
    Merci à vous deux pour la réponse rapide! Je n'ai pas de problème de le changer pour un pinceau. Malheureusement je ne serai pas près de le code pour un peu, donc je vais marquer ce qu'a répondu cet après-midi. Merci de me donner un aperçu de l'ItemTemplate et DataTemplate stucture! Ne peut pas attendre jusqu'à ce que je viens pour l'air et le temps de creuser dans cette liaisons en profondeur.
    Je l'ai mise à jour de ma réponse à inclure le convertisseur méthode de trop. depuis votre e dans la phase d'apprentissage, Il est bon d'obtenir pour vous familiariser avec autant de méthodes que vous le pouvez. amusez-vous 🙂
    Au lieu d'ajouter un ColorToBrushConverter vous pouvez juste créer un SolidColorBrush avec une borne Couleur de la propriété dans le code XAML comme franssu a montré. C'est beaucoup plus simple.

    OriginalL'auteur Omri Btian