I have an observablecollection of Images that get populated via the following code:

<StackPanel Orientation="Horizontal" Grid.Column="0">
  <ListBox ItemsSource="{Binding BigImageView}" IsSynchronizedWithCurrentItem="True"
           Selected开发者_StackOverflowIndex="0" SelectedItem="{Binding CurrentItem}" />
</StackPanel>
<ContentControl Name="Detail" Content="{Binding BigImageView, Mode=OneWay}"
                Margin="9,0,0,0" Grid.Column="2" HorizontalAlignment="Left" VerticalAlignment="Top"/>

However the Content Control is supposed to bind to the BigImageView via an ObservableCollection

 BigImage = new ObservableCollection<Image>();

 _listView = CollectionViewSource.GetDefaultView(BigImage);
 _listView.CurrentChanged += new EventHandler(OnCurrentChanged);

 public System.ComponentModel.ICollectionView BigImageView
 {
   get
   {
     return _listView;
   }
   set
   {
     _listView = value;
     OnPropertyChanged("BigImageView");
   }
 }

I want to return the image to the content control when I move the listbox. I have been racking my brain and trying everyhitn but it does not work. any help would be appreciated.

There is no need to bind the selecteditem, the collectionview should take care of that.

Try this:

 <ListBox ItemsSource="{Binding BigImageView}" IsSynchronizedWithCurrentItem="True" />

 <ContentControl Name="Detail" Content="{Binding BigImageView, Mode=OneWay}" VerticalAlignment="Top">

    <ContentControl.ContentTemplate>
        <DataTemplate>
            <Image Source="{Binding}"/>
        </DataTemplate>
    <ContentControl.ContentTemplate>

1

Create a viewmodel with a list and a selected item:

public class BigImageViewModel : INotifyPropertyChanged
{ 
     private string bigImage;

     //string for path? 
     public ObservableCollection<string> BigImageView {get; set; } //Of course, make sure it has a value

     public string SelectedBigImage          
     {
         get { return bigImage; } 
         set { bigImage = values; NotifyPropertyChanged("SelectedBigImage"); }
     }
}

Set this object on the DataContext of your control in the constructor:

DataContext = new BigImage(); //Make sure you initialize your list

Set the ListBox ItemsSource to your BigImage list, bind your SelectedItem to BigImageView and use that in your content control:

<ListBox ItemsSource="{Binding BigImageView}" SelectedItem={Binding SelectedBigImage} />

ContentControl:

<ContentControl Name="Detail" Content="{Binding SelectedBigImage, Mode=OneWay}" VerticalAlignment="Top">

   <ContentControl.ContentTemplate>
       <DataTemplate>
           <Image Source="{Binding}"/> <!-- Nice template for showing your string BigImage -->
       </DataTemplate>
   <ContentControl.ContentTemplate>
</ContentControl>

2

Or screw that view model:

Set the list directly in the constructor (after the InitializeComponent() ):

myListBox.ItemsSource = ObservableCollection<string>(); //Make sure you initialize your list with whatever your object is..

Give the list a name:

And bind with an ElementName binding to your selected item:

<ContentControl Name="Detail" Content="{Binding ElementName=myListBox, Path=SelectedItem}" VerticalAlignment="Top">

   <ContentControl.ContentTemplate>
       <DataTemplate>
           <Image Source="{Binding}"/> <!-- Nice template for showing your string BigImage -->
       </DataTemplate>
   <ContentControl.ContentTemplate>
</ContentControl>