WPF StackPanel 如何将溢出内容向左隐藏而非向右？

你说得对，WPF的StackPanel本身确实没有直接的HideToLeft属性，但我们可以通过几种简单的方式实现你想要的效果——让溢出的内容向左隐藏，只显示右侧的部分。下面是两种最常用的方案：

方案一：利用FlowDirection反转排列方向 #

这是最简便的纯XAML方案，不需要后台代码：

• 把StackPanel的FlowDirection设置为RightToLeft，让它从右往左排列子控件
• 给每个内部的Button（或其他子元素）把FlowDirection设回LeftToRight，避免按钮上的文字也跟着反转

示例代码：

<StackPanel Width="200" Height="50" Orientation="Horizontal" 
            FlowDirection="RightToLeft" ClipToBounds="True">
    <Button Content="按钮1" Width="80" FlowDirection="LeftToRight"/>
    <Button Content="按钮2" Width="80" FlowDirection="LeftToRight"/>
    <Button Content="按钮3" Width="80" FlowDirection="LeftToRight"/>
    <Button Content="按钮4" Width="80" FlowDirection="LeftToRight"/>
</StackPanel>

这里的ClipToBounds="True"是关键，它会让容器截断超出自身范围的内容，左边溢出的按钮就会被隐藏，只显示右侧能容纳的部分。

方案二：用Grid+StackPanel实现右对齐截断 #

如果你不想修改FlowDirection，也可以用Grid作为容器，把StackPanel右对齐，然后开启Grid的裁剪：

<Grid Width="200" Height="50" ClipToBounds="True">
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
        <Button Content="按钮1" Width="80"/>
        <Button Content="按钮2" Width="80"/>
        <Button Content="按钮3" Width="80"/>
        <Button Content="按钮4" Width="80"/>
    </StackPanel>
</Grid>

这个方案的逻辑是：StackPanel仍从左往右排列按钮，但它本身被Grid右对齐，当总宽度超过Grid的宽度时，左边的部分会超出Grid范围，被ClipToBounds="True"截断，实现你要的向左隐藏效果。

额外说明 #

如果之后需要支持滚动查看隐藏内容，只需把StackPanel放到ScrollViewer里，设置ScrollViewer.HorizontalScrollBarVisibility="Auto"，再通过代码调用ScrollViewer.ScrollToRightEnd()，就能默认显示最右侧内容，同时允许用户向左滚动查看左边的按钮。

内容的提问来源于stack exchange，提问作者Marcos Brinner pikatoons