編程填充一個StackPanel使用MVVM

Question

我有類型的FrameworkElement的一個ObservableCollection，我想在一個StackPanel或類似的東西，以顯示用戶控件的一個ObservableCollection。 observablecollection中的每個項目都是我創建的用戶控件。我對WPF很新，我不知道如何做到這一點。一個例子，將不勝感激

Answer 1

我借用rhe1980的回答有點這裏，但關鍵是是t他在代碼隱藏中的代碼實際上將處於視圖模型中。

查看：

<Window x:Class="Sandbox.MainWindow" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
Title="MainWindow" Height="350" Width="525" 
Name="mainWindow"> 
<Grid> 
<StackPanel> 
    <ItemsControl ItemsSource="{Binding Path=MyCollection}"/>       
</StackPanel>   
</Grid> 

代碼隱藏：

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 
     this.DataContext = new MyViewModel(); 
    } 
} 

視圖模型：

public class MyViewModel: INotifyPropertyChanged 
{ 

    public event PropertyChangedEventHandler PropertyChanged; 
    protected void OnPropertyChanged(string propertyName) 
    { 
     if (!string.IsNullOrEmpty(propertyName)) 
     { 
      if (this.PropertyChanged != null) 
       this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); 
     } 
     this.OnObjectChanged(); 
    } 

    private ObservableCollection<FrameworkElement> _myCollection; 
    public ObservableCollection<FrameworkElement> MyCollection 
    { 
     get 
     { 
      return _myCollection; 
     } 
     set 
     { 
      _myCollection = value; 
      OnPropertyChanged("MyCollection"); 
     } 
    }  
} 

Answer 2

使用的ItemsControl用於綁定在StackPanel中所述的ObservableCollection：

視圖（XAML）：

<Window x:Class="Sandbox.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="350" Width="525" 
    Name="mainWindow"> 
<Grid> 
    <StackPanel> 
     <ItemsControl ItemsSource="{Binding ElementName=mainWindow,Path=ObservableCollection}"/>       
    </StackPanel>   
</Grid> 

代碼隱藏（xaml.cs）：

public partial class MainWindow : Window 
{ 
    public ObservableCollection<FrameworkElement> ObservableCollection { get; set; } 

    public MainWindow() 
    { 
     InitializeObservableCollection(); 
     InitializeComponent(); 
    } 

    private void InitializeObservableCollection() 
    { 
     ObservableCollection = new ObservableCollection<FrameworkElement>(); 
     for (var ii = 0; ii < 10; ii++) 
     { 
      ObservableCollection.Add(new Button {Content = ii.ToString()}); 
     } 
    } 
}