c# – 如何绑定到控件的实际宽度(包括其边距)？

根据 some folks,使用ActualWidth属性获得实际宽度,如下例所示.这很有道理,但我似乎经历了矛盾的行为.

<Canvas Width="{Binding ActualWidth,ElementName=Expy}">
  <Expander x:Name="Expy"
                    HorizontalAlignment="Left"
                    Margin="0,0"
                    VerticalAlignment="Top" ...>
  ...
  </Expander>
</Canvas>

在上面的设置中,行为与期望一致,虽然紧紧地挤在一起,但是包含画布的面板中的下一个元素并没有与它的前任重叠.

但是,如果我将边距更改为更宽一点,我可以清楚地看到画布介入下一个元素,估计是我在margin属性中请求的相同数量的像素.所以看起来ActualWidth不是实际宽度而是没有边距的宽度.

>我在这里混淆了什么,如果是,那又怎么样？
>如何获取并绑定到实际的实际渲染宽度？

解决方法

链接的答案说：

ActualWidth accounts for padding and margins …

这是不正确的. ActualWidth仅包含填充,而不包括边距(与ActualHeight相同).

由其他人留下的答案留下的评论提供了适当的更正.

此XAML代码说明了此问题：

<Window x:Class="..."
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <StackPanel>
        <TextBlock x:Name="First" Text="Some text" Padding="10" Margin="0,0"
            HorizontalAlignment="Left" Background="Yellow" />
        <TextBlock Text="{Binding ActualWidth,ElementName=First}" />

        <TextBlock x:Name="Second" Text="Some text" Padding="10" Margin="10,0"
            HorizontalAlignment="Left" Background="LimeGreen" />
        <TextBlock Text="{Binding ActualWidth,ElementName=Second}" />
    </StackPanel>
</Window>

如果运行此操作,您将看到两个“Some text”文本块具有相同的ActualWidth值,尽管第二个文本块应用了水平边距.

您问过如何将此考虑在内.没有办法通过绑定来实现这一点,因为ActualWidth属性不包括已经说明的边距.您可以做的是将边距应用于父元素(画布),而不是将其应用于扩展器.

换句话说,而不是这样做：

<Canvas Width="{Binding ActualWidth,ElementName=Expy}">
    <Expander x:Name="Expy" ... Margin="10" ... >
        ...
    </Expander>
</Canvas>

做这个：

<Canvas Width="{Binding ActualWidth,ElementName=Expy}" Margin="10">
    <Expander x:Name="Expy" ... >
        ...
    </Expander>
</Canvas>