列表框中的 ObservableCollection 图像到内容控制主详细信息 WPf

Question

我有一个通过以下代码填充的可观察图像集合：

<StackPanel Orientation="Horizontal" Grid.Column="0">
  <ListBox ItemsSource="{Binding BigImageView}" IsSynchronizedWithCurrentItem="True"
           SelectedIndex="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"/>

但是内容控件应该通过 ObservableCollection 绑定到 BigImageView

 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");
   }
 }

我想在移动列表框时将图像返回到内容控件。我绞尽脑汁，想尽一切办法，但还是不行。任何帮助将不胜感激。

Answer 1

不需要绑定所选项目，collectionview 应该处理这个问题。

试试这个：

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

Answer 2

1

创建一个包含列表和所选项目的视图模型：

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"); }
     }
}

在构造函数中在控件的 DataContext 上设置此对象：

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

将 ListBox ItemsSource 设置为 BigImage 列表，将 SelectedItem 绑定到 BigImageView
并在内容控件中使用它：

<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

或者拧紧视图模型：

直接在构造函数中设置列表（在 InitializeComponent() 之后）：

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

为列表命名：

并使用 ElementName 绑定到您所选的项目：

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