WPF 中的宽度和实际宽度有什么区别？

Question

我目前正在 WPF 中使用 Panel，我注意到关于 Width 和 Height 属性，还有另外两个属性，称为实际宽度和实际高度。

实际宽度

获取此元素的渲染宽度 元素。 这是一个依赖 财产。 （继承自 框架元素。）

宽度

获取或设置元素的宽度。 这是一个依赖属性。 （继承自FrameworkElement。）

参考：MSDN< /a>

谁能指出两者之间的差异以及何时使用其中之一？

Answer 1

Width/Height 是请求的或布局的尺寸。 如果您设置为 Auto，则当您在代码隐藏中访问该属性时，该值为 double.NaN。

ActualWidth/ActualHeight 和 RenderSize.Width/RenderSize.Height 均返回元素的渲染大小，如 RenderSize 的类型为Size。 如果您想要/需要项目的实际大小，请使用这些属性中的任何一个。

Answer 2

当我想将一个元素的宽度或高度绑定到另一个元素时，我发现 ActualWidth 最有用。

在这个简单的示例中，我有两个并排排列的按钮，下面的注释受限于包含这两个按钮的 StackPanel 的宽度。

<StackPanel>

    <StackPanel Margin="0,12,0,0" Orientation="Horizontal" Name="buttonPanel" HorizontalAlignment="Left" >
         <Button Content="Yes - Arm the missile" FontWeight="Bold" HorizontalAlignment="Left"/>
         <Button Content="No - Save the world" HorizontalAlignment="Left" Margin="7,0,0,0"/>
    </StackPanel>

    <TextBlock Text="Please choose whether you want to arm the missile and kill everybody, or save the world by deactivating the missile." 
               Width="{Binding Path=ActualWidth,ElementName=buttonPanel}" Margin="0,5,0,0" HorizontalAlignment="Left" TextWrapping="Wrap"/>

</StackPanel>

Answer 3

ActualWidth 考虑了值中的填充，因此任何时候您需要知道该数字时，都可以调用 Actualwidth 而不是宽度并避免计算。

编辑：删除了边距，因为它不是实际宽度的一部分。

Answer 4

ActualWidth 由渲染系统设置，并且可能会有所不同，具体取决于其他元素的宽度和总体尺寸限制。 结果是无法改变。 Width 是一个可以更改的属性，应用于增加或减少元素的宽度。

来自 MSDN：

此属性是基于其他宽度输入和布局系统的计算值。 该值是由布局系统本身根据实际渲染通道设置的，因此可能会稍微落后于作为输入更改基础的属性（例如 Width）的设置值。

Answer 5

有一个很好的理由不使用ActualWidth进行绑定（显然相应地使用ActualHeight）。
当您将一个元素的Width设置为另一个元素的ActualWidth时，您可能会破坏布局链。

在最好的情况下，您的元素/控件需要在父级（绑定源）的布局过程完成后进行解析。 这意味着额外的时间。
如果它与父级处于同一层次结构级别，则布局过程需要（至少）两次运行才能计算确定的大小。

例如，我有一个控件，其大小属性以将其设置为 TemplatedParent （不要这样做）的样式重写：

<Rectangle DockPanel.Dock="Top" Width="{TemplateBinding ActualWidth}" 
           Height="1" Fill="#000000"/>

当调整包含窗口的大小时，控制将防止容器变小并破坏布局。 将其设置为 Width 将解决问题(do)：

<Rectangle DockPanel.Dock="Top" Width="{TemplateBinding Width}" 
           Height="1" Fill="#000000"/>

如果您必须使用 ActualWidth，通常您的 xaml 有问题。 最好解决这个问题，而不是弄乱布局运行的最终尺寸。

Answer 6

正是如此，渲染宽度！=布局宽度。 一种用于布局，另一种用于渲染。 就像 WinForms 一样，有一个 Size 和一个 ClientSize 属性，略有不同，您应该使用渲染的 Atual/Client 大小和布局的宽度/高度。

Answer 7

您可以设置 Width 属性，但不能设置 ActualWidth 属性。

Width 属性用于确定面板的呈现方式，然后将 ActualWidth 设置为所使用的实际宽度。 该值可能与 Width 不同，具体取决于子元素的大小以及父元素的限制。

设置 Width 属性时，ActualWidth 不会立即设置，而是会在渲染期间更新（一次或多次）。