WPF中如何获取控件应用边距后的可见尺寸？

我有一个Width设为250的Grid，所在Window的宽度为600。该Grid的左右边距分别设为50和400，按计算它的实际可见宽度应该是600-(50+400)=150，但我尝试以下属性都没能得到这个正确值：

g1.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));
Debug.WriteLine($"g1.DesiredSize.Width={g1.DesiredSize.Width}"); // 返回700
Debug.WriteLine($"g1.ActualWidth={g1.ActualWidth}"); // 返回250
Debug.WriteLine($"g1.RenderSize.Width={g1.RenderSize.Width}"); // 返回250
Debug.WriteLine($"g1.Width={g1.Width}"); // 返回250

对应的XAML代码如下：

<Window Title="MainWindow" Width="600" Height="300">
    <StackPanel>
        <Grid Name ="g1" Margin="50,0,400,0" Background="GreenYellow" Width="250" Height="50"/>
        <Grid Name ="g2" Margin="50,0,400,0" Background="LightBlue" Width="150" Height="50"/>
    </StackPanel>
</Window>

实际显示时，g1的可见宽度和g2完全一致（都是150），但上述属性无法返回这个实际渲染的可见宽度。

问题原因 #

ActualWidth、RenderSize.Width返回的是Grid自身的布局宽度（也就是你设置的250），而非被窗口裁剪后的可见宽度。因为StackPanel的布局逻辑允许子元素超出自身范围，不会主动限制子元素尺寸，超出部分仅被窗口裁剪，所以Grid的自身布局属性不会反映裁剪后的宽度。

解决方法 #

要获取元素的实际可见宽度，需计算元素在屏幕上的渲染区域与窗口可视区域的交集宽度：

// 获取Grid在窗口坐标系下的矩形区域
var elementRect = g1.TransformToAncestor(Application.Current.MainWindow)
                    .TransformBounds(new Rect(0, 0, g1.ActualWidth, g1.ActualHeight));
// 获取窗口的客户区矩形
var windowRect = new Rect(0, 0, Application.Current.MainWindow.ActualWidth, Application.Current.MainWindow.ActualHeight);
// 计算交集，得到可见区域
var visibleRect = Rect.Intersect(elementRect, windowRect);
double visibleWidth = visibleRect.Width;
Debug.WriteLine($"实际可见宽度：{visibleWidth}"); // 输出150

如果只需考虑父容器StackPanel的限制，也可以用父容器的尺寸计算：

var parentPanel = (UIElement)g1.Parent;
var elementRect = g1.TransformToAncestor(parentPanel)
                    .TransformBounds(new Rect(0, 0, g1.ActualWidth, g1.ActualHeight));
var panelRect = new Rect(0, 0, parentPanel.ActualWidth, parentPanel.ActualHeight);
var visibleRect = Rect.Intersect(elementRect, panelRect);
double visibleWidth = visibleRect.Width;

补充说明 #

• DesiredSize.Width返回700是因为Margin会被计入元素的期望尺寸，即250 + 50 + 400 = 700，这是元素期望占据的总空间，和实际可见宽度无关。
• 如果使用会限制子元素尺寸的布局容器（比如Grid的列设置为*），ActualWidth会直接返回正确的可见宽度，但StackPanel不具备这种约束能力。

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