如何使 ListBox 在 wpf 中显示不同的元素（在列表中）

Question

假设我有一个包含一些元素和文本的列表：

     public MainWindow()
     {
         InitializeComponent();

         TextBlock t = new TextBlock();
         t.Text = "Hello World!";

         Ellipse e = new Ellipse();
         e.Width = 100;
         e.Height = 100;
         e.Fill = new SolidColorBrush(Colors.Yellow);

         Rectangle r = new Rectangle();
         r.Width = 70;
         r.Height = 40;
         r.Fill = new SolidColorBrush(Colors.Blue);

         List<UIElementItem> items = new List<UIElementItem>();
         items.Add(new UIElementItem() { uiElement = t, Text = "This is a TextBlock: " });
         items.Add(new UIElementItem() { uiElement = e, Text = "This is an Ellipse: " });
         items.Add(new UIElementItem() { uiElement = r, Text = "This is a Rectangle: " });
         lbListBox.ItemsSource = items;
     }

 }

 public class UIElementItem
 {
     public UIElement uiElement { get; set; }
     public string Text { get; set; }
 }

这是 XAML 中的 ListBox：

<ListBox Name="lbListBox" HorizontalContentAlignment="Stretch">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Margin="0,2" Orientation="Horizontal">
                <TextBlock Text="{Binding Text}"/>
                <??? = "{Binding uiElement}"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

我想让 ListBox 显示文本和元素。

TextBlock Text="{Binding Text}"将显示文本但如何显示元素？ 怎么绑定？

Answer 1

您可以使用ContentPresenter

<ContentPresenter Content="{Binding uiElement}" />

这将显示 UI 元素。 完整的ItemTemplate看起来像

            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Margin="0,2" Orientation="Horizontal">
                        <TextBlock Text="{Binding Text}"/>
                        <ContentPresenter Content="{Binding uiElement}" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>