c# - XAML 布局 ItemsControl

Question

我在 Google 上进行了广泛搜索，正在努力寻找一个简单的示例来遵循 ItemsControl，我认为我需要能够执行以下操作。

我目前有一个带有包含复选框的可滚动列表框的网格，它使用以下 XAML 布局按预期工作

<Grid>
    <ListBox ScrollViewer.VerticalScrollBarVisibility="Auto" 
ItemsSource="{Binding Selections}" Margin="12,22,12,94">
    <ListBox.ItemTemplate>
            <DataTemplate>
                <CheckBox IsChecked="{Binding IsChecked}" 
        Content="{Binding Path=Item.SelectionName}">
                </CheckBox>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>

我现在想在每个复选框的右侧添加一个文本框，使其水平对齐，每行有 1 个复选框和 1 个文本框。我以为我必须使用 ItemsControl 来允许两个控件，但是使用如下所示的 ItemsControl 我失去了滚动的能力

<Grid>
    <ItemsControl ScrollViewer.VerticalScrollBarVisibility="Auto" 
    ItemsSource="{Binding Selections}" Margin="12,22,12,94">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <CheckBox IsChecked="{Binding IsChecked}" 
        Content="{Binding Path=Item.SelectionName}">
                </CheckBox>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Grid>

此外，如果我尝试添加一个类似于

的文本框

    <DataTemplate>
        <CheckBox IsChecked="{Binding sChecked}" Content="{Binding Path=Item.BookieName}" />
        <TextBox />
    </DataTemplate>

我得到一个错误对象“DataTemplate”已经有一个 child ，不能添加“TextBox”

基本上，我希望它看起来像这样

谁能给我一些关于如何在 XAML 中构造控件以获得我想要的布局的指示？

Answer 1

只需在您的 DataTemplate 中使用 StackPanel 并将方向设置为水平。

 <DataTemplate>
    <StackPanel Orientation="Horizontal">
    <CheckBox IsChecked="{Binding sChecked}" Content="{Binding Path=Item.BookieName}" />
    <TextBox />
    </StackPanel>
</DataTemplate>