将datagrid绑定到ObservableCollection列表

Question

我是WPF的新手，我想将xaml绑定到ObservableCollection。 目前我正在这样做：

在xaml中：

<Grid Grid.Column="1">
            <local:ProcessingStep DataContext="{Binding ProcessingSteps[0]}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</Grid>
<Grid Grid.Column="2">
<local:ProcessingStep DataContext="{Binding ProcessingSteps[1]}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</Grid>
<Grid Grid.Column="3">
     <local:ProcessingStep DataContext="{Binding ProcessingSteps[2]}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</Grid>

在cs中：

public ObservableCollection<ProcessingStepView> ProcessingSteps
{
     get
     {
        return m_ProcessingSteps ??
             (m_ProcessingSteps = new ObservableCollection<ProcessingStepViewl>
                       {
                           new ProcessingStepView("Step1"),
                           new ProcessingStepView("Step2"),
                           new ProcessingStepView("Step3")
                       });
      }
}

如何将列表直接绑定到wpf？ 例如：如果我有100个步骤，那么一步一步做就不好了。

Answer 1

您可以将ItemsControl与ItemTemplate结合使用并绑定列表：

<ItemsControl ItemsSource="{Binding ProcessingSteps}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <local:ProcessingStep />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

ItemsControl基本上只是一个转发器，无需选择，它将重复ItemTemplate在ProcessingSteps存在的项目数次，并将它们放置在您选择的任何面板中。 在这种情况下，水平StackPanel