如何在XAML的StackPanel中实现CSS的space-between元素间距效果？

StackPanel 本身的默认布局逻辑是沿排列方向依次堆叠元素，不会自动分配剩余空白空间，原生无法直接实现两端对齐的效果，你可以通过以下几种方案实现需求，所有方案均支持自适应窗口尺寸，不会随窗口缩放失效：

方案1：优先使用Grid实现（兼容全版本XAML框架） #

这是最稳定的实现方式，布局性能也最优，水平方向两端对齐示例代码如下：

<Grid Background="LightGray">
    <Grid.ColumnDefinitions>
        <!-- 两列均分可用宽度 -->
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <!-- 左侧元素左对齐 -->
    <Rectangle Fill="Black" Width="50" Height="50" HorizontalAlignment="Left"/>
    <!-- 右侧元素右对齐 -->
    <Rectangle Fill="Black" Width="50" Height="50" Grid.Column="1" HorizontalAlignment="Right"/>
</Grid>

如果需要实现3个及以上元素的均匀两端分布，只需要对应增加列定义，每列宽度设为*，再分别设置各列元素的对齐规则即可。

方案2：必须使用StackPanel的兼容实现 #

如果业务场景限制必须用StackPanel，可以在元素中间插入一个透明占位元素，自动填充剩余空白空间，水平布局示例如下：

<StackPanel Orientation="Horizontal" Background="LightGray">
    <Rectangle Fill="Black" Width="50" Height="50"/>
    <!-- 透明占位控件，占全部剩余水平空间 -->
    <Border HorizontalAlignment="Stretch" Background="Transparent"/>
    <Rectangle Fill="Black" Width="50" Height="50"/>
</StackPanel>

如果是垂直方向的space-between效果，把StackPanel的Orientation改为Vertical，占位控件的VerticalAlignment设为Stretch即可。

方案3：高版本框架简化实现 #

如果你使用的是.NET 5+ WPF、UWP、WinUI3或者MAUI框架，可以直接使用对应框架内置的UniformSpacingPanel、StackLayout 等容器的内置间距属性，无需手动添加占位元素，代码更简洁。

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