如何让使用WrapPanel的ListView删除项后保留空位不重排

核心思路：WrapPanel、GridView这类流式/自动填充面板会自动填补删除项后的空缺，要保留空位，不能直接从数据源中移除项，而是用占位项替换，或者使用固定布局的面板配合占位逻辑。以下是两种可行方案：

方案一：使用UniformGrid固定布局（推荐） #

UniformGrid会按设定的行列数分配单元格，只要数据源中保留对应位置的项（哪怕是占位项），就能固定位置。

1. 修改XAML的ItemsPanel #

把原来的WrapPanel替换为UniformGrid，根据你的布局需求设置行列数：

<ListView ItemsSource="{Binding TodoItemViewModels}"
    ScrollViewer.VerticalScrollBarVisibility="Disabled"
    Drop="Card_Drop"
    AllowDrop="True"
    DragLeave="Card_DragLeave"
    IsEnabled="{Binding Disable, ElementName=root}"
    Background="Green">

    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <!-- 根据实际布局需求设置Columns/Rows，比如5列 -->
            <UniformGrid Columns="5" />
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>

    <ListView.ItemTemplate>
        <DataTemplate>            
            <Border BorderThickness="2"
                BorderBrush="BlanchedAlmond" 
                <!-- 占位项设置半透明或完全透明 -->
                Opacity="{Binding IsPlaceholder, Converter={StaticResource BooleanToOpacityConverter}, ConverterParameter=0.2}"
                Background="BlanchedAlmond"
                Width="25" Height="30"
                MouseMove="Card_MouseMove"
                CornerRadius="5"
                HorizontalAlignment="Stretch"
                VerticalAlignment="Stretch">
                
                <TextBlock Text="{Binding Cardstr}"
                    HorizontalAlignment="Stretch"
                    VerticalAlignment="Stretch"
                    Foreground="{Binding Cardclr}"
                    Background="BlanchedAlmond" 
                    <!-- 占位项隐藏文本 -->
                    Visibility="{Binding IsPlaceholder, Converter={StaticResource BooleanToVisibilityConverter}, ConverterParameter=Collapsed}"/>
            </Border>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

2. 调整ViewModel逻辑 #

给你的CardViewModel添加IsPlaceholder布尔属性，删除项时不要从TodoItemViewModels集合中移除该项，而是：

• 将该项的IsPlaceholder设为true
• 清空Cardstr、Cardclr等显示属性（或通过转换器控制隐藏）
• 或者直接将对应位置的项替换为一个预先定义的占位CardViewModel实例

方案二：保留WrapPanel（仅适用于固定总项数场景） #

如果一定要用WrapPanel，必须保证数据源的总项数始终不变，删除操作仅将目标项替换为占位项，这样WrapPanel不会重新排列布局。这种方式只适合你提前知道总共有多少个卡片位置的场景，逻辑和方案一类似：

• 初始化TodoItemViewModels时填充足够数量的占位项
• 删除时将目标项标记为占位，而不是移除

注意事项 #

• 不需要手动用Grid逐个插入单元格，上述方案都是通过绑定和面板特性实现，代码复杂度低
• 若使用转换器，需要提前在资源中定义BooleanToOpacityConverter和BooleanToVisibilityConverter（或使用内置转换器）

内容的提问来源于stack exchange，提问作者Khaled.S