Adding image in ListView Column

Question

I am facing problem in adding image to a column in ListView in wpf. I have two column say x and y and i want to add an image in y column. I have tried a lot. My xaml is below---

 `<ListView Name="listView1" ItemsSource="{Binding}" DataContext="{Binding}" SelectionMode="Single">
        <ListView.View>
            <GridView>
                <GridViewColumn Header="Directory" DisplayMemberBinding="{Binding Directory}" />
                <GridViewColumn Header="Status" DisplayMemberBinding="{Binding Status}" >                        
               </GridViewColumn>
            </GridView>
        </ListView.View>
    </ListView>
 `

and my c# code is below

       public class FolderPath
    {
        public string Directory { get; set; }

        public System.Drawing.Image Status { get; set; }
    }

    private void button1_Click(object sender, RoutedEventArgs e)
    {                    
 ObservableCollection<FolderPath> _FolderCollection = new ObservableCollection<FolderPath>();
 BitmapImage b = new BitmapImage();
 b.BeginInit();
 b.UriSource = new Uri(@"C:\Users\smk\Documents\Visual Studio 2010\Projects\Folder_locker\Folder_locker\folder_lock.ico");
 b.EndInit();

 System.Windows.Controls.Image i= new System.Windows.Controls.Image();
 i.Height = 20;
 i.Source = b;

 System.Drawing.Image.FromFile(@"C:\Users\smk\Documents\Visual Studio 2010\Projects\Folder_locker\Folder_locker\folder_lock.ico");


      listView1.Items.Add(new FolderPath { Directory = "something", Status = System.Drawing.Image.FromFile(@"C:\Users\smk\Documents\Visual Studio 2010\Projects\Folder_locker\Folder_locker\folder_lock.ico") });                  
    }

it displays something in first column but displays nothing in 2nd column. I have tried both system.windows.controls.image and system.drawing.image both but it does not show image. what can I do?

MyKuLLSKI · Accepted Answer · 2012-02-27 20:18:29Z

1

Try this:

public class FolderPath
{
    public string Directory { get; set; }
    public string Status { get; set; }
}

<GridViewColumn Header="Status">
    <GridViewColumn.CellTemplate>
        <DataTemplate>
            <Image Source="{Binding Path=Status}"/>
        </DataTemplate>
    </GridViewColumn.CellTemplate>
</GridViewColumn>


private void button1_Click(object sender, RoutedEventArgs e)
{                    
    ObservableCollection<FolderPath> _FolderCollection = new ObservableCollection<FolderPath>();

    listView1.Items.Add(new FolderPath { Directory = "something", Status = @"C:\Users\smk\Documents\Visual Studio 2010\Projects\Folder_locker\Folder_locker\folder_lock.ico" } )
}

edited Feb 27, 2012 at 20:18

answered Feb 27, 2012 at 18:13

MyKuLLSKI

5,3103 gold badges22 silver badges39 bronze badges

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

2 Comments

Md Kamruzzaman Sarker Over a year ago

Your first solution display System.windows.controls.Image text and your Second solution does not compile. It does not support <image> tag inside <gridViewColumn>

Rachel Over a year ago

@MdKamruzzamanPallob You need to wrap the <Image> tab in a <GridViewTemplateColumn.CellTemplate> and <DataTemplate> tags. See this answer for an example.

paparazzo · Accepted Answer · 2012-02-27 18:23:29Z

1

Try a CellTemplate

http://msdn.microsoft.com/en-us/library/system.windows.controls.gridviewcolumn.celltemplate.aspx

edited Feb 27, 2012 at 18:23

answered Feb 27, 2012 at 18:11

paparazzo

45.2k24 gold badges110 silver badges180 bronze badges

Collectives™ on Stack Overflow

Adding image in ListView Column

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related