Adding an Image to ListView in WPF like this ...?

Question

I'm gonna create a ListView in WPF like the below image

_{(source: picfront.org)}

http://www.picfront.org/d/7xuv

I mean I wanna add an image beside of Gravatar label within Name column.
Would it be OK if you guided me ?

Edit: The image is output of a method. The method makes the image from a base-64 string.

Josh · Accepted Answer · 2010-04-03 18:22:19Z

18

As long as you're already familiar with how to data bind a ListView then it's pretty simple really. In your cell template you would just need a StackPanel with an Image and a TextBlock side by side.

<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>

answered Apr 3, 2010 at 18:22

Josh

69.4k15 gold badges149 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mohammad Dayyan Over a year ago

@Josh: Thanks Josh. But as I said I don't have the Source of the image and the image is output of a method.

Josh Over a year ago

Well you still need to bind the source to the image. You can wrap up the logic for obtaining the image into a value converter (a class that implements IValueConverter) and specify that on the Binding.Converter

Collectives™ on Stack Overflow

Adding an Image to ListView in WPF like this ...?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related