Stackpanel：高度 vs ActualHeight vs ExtentHeight vs ViewportHeight vs DesiredSize v

屏幕

一篇关于Stackpanel的高度相关属性的文章，并添加案例代码。

在WPF中，Stackpanel是一种常用的布局控件，它可以沿着水平或垂直方向依次排列其子元素。在使用Stackpanel时，我们经常会涉及到一些与高度相关的属性，如ActualHeight、ExtentHeight、ViewportHeight、DesiredSize和RenderSize。这些属性在不同的场景中有不同的用途和含义。本文将对这些属性进行详细解释，并通过案例代码来演示它们的使用。

ActualHeight vs DesiredSize

首先，我们来看ActualHeight和DesiredSize这两个属性。ActualHeight表示Stackpanel在布局完成后的实际高度，而DesiredSize表示Stackpanel在布局过程中所需的理想高度。它们的区别在于，ActualHeight是在布局完成后才能获取到的，而DesiredSize则是在布局过程中就可以获取到的。

下面是一个简单的例子，演示了如何使用ActualHeight和DesiredSize属性：

csharp
<StackPanel x:Name="myStackPanel">
    <Button Content="Button 1"/>
    <Button Content="Button 2"/>
    <Button Content="Button 3"/>
</StackPanel>
private void Button_Click(object sender, RoutedEventArgs e)
{
    double actualHeight = myStackPanel.ActualHeight;
    Size desiredSize = myStackPanel.DesiredSize;
    MessageBox.Show("Actual Height: " + actualHeight + "\nDesired Size: " + desiredSize.Height);
}

在上面的代码中，我们通过点击按钮来获取Stackpanel的实际高度和理想高度，并将其显示在一个消息框中。

ExtentHeight vs ViewportHeight

接下来，我们来看ExtentHeight和ViewportHeight这两个属性。ExtentHeight表示Stackpanel中所有子元素的累计高度，而ViewportHeight表示Stackpanel当前可见区域的高度。在没有滚动条的情况下，ExtentHeight通常等于ViewportHeight。但是当Stackpanel中的子元素超出了可见区域，就会出现滚动条，此时ExtentHeight将大于ViewportHeight。

下面是一个简单的例子，演示了如何使用ExtentHeight和ViewportHeight属性：

csharp
<ScrollViewer Height="200">
    <StackPanel x:Name="myStackPanel">
        <Button Content="Button 1"/>
        <Button Content="Button 2"/>
        <Button Content="Button 3"/>
        <Button Content="Button 4"/>
        <Button Content="Button 5"/>
        <Button Content="Button 6"/>
        <Button Content="Button 7"/>
        <Button Content="Button 8"/>
        <Button Content="Button 9"/>
        <Button Content="Button 10"/>
    </StackPanel>
</ScrollViewer>
private void Button_Click(object sender, RoutedEventArgs e)
{
    double extentHeight = myStackPanel.ExtentHeight;
    double viewportHeight = myStackPanel.ViewportHeight;
    MessageBox.Show("Extent Height: " + extentHeight + "\nViewport Height: " + viewportHeight);
}

在上面的代码中，我们将Stackpanel放在一个带有垂直滚动条的ScrollViewer中。通过点击按钮，我们可以获取Stackpanel的累计高度（ExtentHeight）和可见区域的高度（ViewportHeight），并将其显示在一个消息框中。

RenderSize

最后，我们来看RenderSize属性。RenderSize表示Stackpanel的实际渲染尺寸，即它在屏幕上所占据的空间大小。与ActualHeight不同，RenderSize是在渲染完成后才能获取到的。

下面是一个简单的例子，演示了如何使用RenderSize属性：

csharp
<StackPanel x:Name="myStackPanel">
    <Button Content="Button 1"/>
    <Button Content="Button 2"/>
    <Button Content="Button 3"/>
</StackPanel>
private void Button_Click(object sender, RoutedEventArgs e)
{
    Size renderSize = myStackPanel.RenderSize;
    MessageBox.Show("Render Size: " + renderSize.Height);
}

在上面的代码中，我们通过点击按钮来获取Stackpanel的渲染尺寸，并将其显示在一个消息框中。

：

在本文中，我们介绍了Stackpanel的一些与高度相关的属性，包括ActualHeight、DesiredSize、ExtentHeight、ViewportHeight和RenderSize。通过了解和使用这些属性，我们可以更好地控制和管理Stackpanel的布局和显示效果。

希望本文对大家有所帮助，谢谢阅读！