2010-04-03 4 views
2

Je vais créer un ListView dans WPF comme l'image ci-dessous

ListView in WPF http://www7.picfront.org/picture/ZcYGCAbgtG/thb/FF3-bookmark-manager.jpg
http://www.picfront.org/d/7xuv

Je veux dire que je veux ajouter une image à côté de Gravatar étiquette dans la colonne Name.
Serait-ce OK si vous me guidiez?

Ajouter une image à ListView dans WPF comme ça ...?

Édition: L'image est sortie d'une méthode. La méthode rend l'image à partir d'une chaîne de base 64.

Répondre

14

Tant que vous êtes déjà familier avec la façon de lier un ListView, c'est plutôt simple. Dans votre modèle de cellule, vous avez juste besoin d'un StackPanel avec une Image et un TextBlock côte à côte.

<ListView> 
    <ListView.View> 
    <GridView> 
     <GridViewColumn> 
     <GridViewColumn.CellTemplate> 
      <DataTemplate> 
      <StackPanel Orientation="Horizontal"> 
       <Image Width="16" Height="16" Source="{Binding IconUri}"/> 
       <TextBlock Text="{Binding Name}"/> 
      </StackPanel> 
      </DataTemplate> 
     </GridViewColumn.CellTemplate> 
     </GridViewColumn> 
     <GridViewColumn ... /> 
     <GridViewColumn ... /> 
    </GridView> 
    </ListView.View> 
</ListView> 
+0

@Josh: Merci Josh. Mais comme je l'ai dit je n'ai pas la 'Source' de l'image et l'image est sortie d'une méthode. –

+0

Eh bien, vous avez encore besoin de lier la source à l'image. Vous pouvez envelopper la logique pour obtenir l'image dans un convertisseur de valeur (une classe qui implémente IValueConverter) et spécifier que sur le Binding.Converter – Josh

+0

Avez-vous des exemples de code à ce sujet? –