如何实现TextBox与ItemsControl内自定义控件共处于WrapPanel末尾

我完全懂你的困扰——要是直接把TextBox放在ItemsControl外面，WrapPanel的换行机制会让它单独占一行，根本没法和ItemsControl里的自定义控件挤在同一个流式布局里。这里给你两个可行的方案，保证TextBox始终跟在自定义控件的末尾：

方案一：用CompositeCollection合并数据源（最推荐） #

WPF的CompositeCollection可以把多个集合和单个UI元素合并成一个统一的数据源，这样ItemsControl就能把你的自定义控件集合和TextBox一起渲染在同一个WrapPanel里，完美实现流式布局且TextBox居末尾的效果。

示例代码如下：

<ItemsControl>
    <ItemsControl.ItemsSource>
        <CompositeCollection>
            <!-- 绑定你原本的自定义控件集合 -->
            <CollectionContainer Collection="{Binding YourCustomControlsCollection}" />
            <!-- 始终放在末尾的TextBox -->
            <TextBox Width="150" PlaceholderText="请输入内容..." />
        </CompositeCollection>
    </ItemsControl.ItemsSource>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <!-- 如果你的自定义控件是用ViewModel绑定的，记得设置ItemTemplate -->
    <ItemsControl.ItemTemplate>
        <DataTemplate DataType="{x:Type local:YourCustomControlVM}">
            <local:YourCustomControl />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

关键说明： #

• CollectionContainer会自动同步你原集合的增删变化，TextBox始终固定在最后面
• 如果你的自定义控件是直接作为UIElement存放在集合里的，那可以省略ItemTemplate，ItemsControl会直接渲染这些控件
• 保持WrapPanel的Orientation为Horizontal（默认就是），确保元素横向流式排列

方案二：自定义ItemsControl的ControlTemplate #

如果不想修改数据源，也可以重写ItemsControl的模板，把ItemsPresenter（负责渲染自定义控件）和TextBox放在同一个WrapPanel里：

<ItemsControl ItemsSource="{Binding YourCustomControlsCollection}">
    <ItemsControl.Template>
        <ControlTemplate TargetType="ItemsControl">
            <WrapPanel Orientation="Horizontal">
                <!-- 渲染原自定义控件集合 -->
                <ItemsPresenter HorizontalAlignment="Left" />
                <!-- 末尾的TextBox -->
                <TextBox Width="150" PlaceholderText="请输入内容..." />
            </WrapPanel>
        </ControlTemplate>
    </ItemsControl.Template>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
</ItemsControl>

注意点： #

• 给ItemsPresenter设置HorizontalAlignment="Left"，避免它占据WrapPanel的全部可用宽度，防止TextBox被挤到新行。

内容的提问来源于stack exchange，提问作者Lucas