将 UserControl 绑定到 ListBox ItemSource

Question

我有一个包含对象列表的 ObservableCollection。

我想将此可观察集合绑定到 ListBox，但不是以每个对象都显示在 ListView 中的方式，而是每个对象创建一个 UserControl，该对象本身作为输入参数。

举一个类似的例子；想象一个服务器浏览器，其中每一行都是一个 UserControl，数据存储在 List/ObservableCollection 中，然后显示在前端 ListBox 中。

我的 MainWindow.xaml 中有这个 XAML 代码

<ListBox HorizontalContentAlignment="Stretch" ItemsSource="{Binding Bills}" ItemContainerStyle="{StaticResource BillStyle}">
</ListBox>

这是调用 UserControl 的样式

<Style TargetType="{x:Type ListBoxItem}" x:Key="BillStyle">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ListBoxItem}">
                <ns:BillItem />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

在 MainWindow.xaml.cs 我有：

ObservableCollection<Bill> Bills {get;set;}

在构造函数中我只是添加了一些对象。

我希望 Bill 对象以这种方式推送到用户控件：

UserControl BillItem (Bill BindedObject)
{ ... }

但我不知道该怎么做。

Answer 1

如果我理解正确，你需要这样的东西：

<ItemsControl ItemsSource="{Binding Path=ListOfObjects}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Vertical" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <local:MyUserControl MyProperty="{Binding}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

MyUserControl 需要有依赖属性，因为你不能传递给构造函数：

public object MyProperty
{
    get { return (object)GetValue(MyPropertyProperty); }
    set { SetValue(MyPropertyProperty, value); }
}

public static readonly DependencyProperty MyPropertyProperty =
    DependencyProperty.Register("MyProperty", typeof(object), typeof(MyUserControl), new PropertyMetadata(false));

Answer 2

在视图上有一个从 ItemsControl 继承的项目，例如列表框，然后将您的对象放在 VM 中的 ObservableCollection 属性中。然后只需绑定到 ItemsControl/listbox 中的该属性或任何 ItemsSource 属性

ItemSource="{Binding MyObjectCollection}"