如何将抽屉元素的宽度和高度绑定到 window 大小？

Question

我正在使用 Material Design 元素。我需要为 materialDesign:DrawerHost 元素指定宽度和高度。我希望它涵盖所有 window。代码是：

<Grid Grid.RowSpan="3">
    <materialDesign:DrawerHost x:Name="DrawerHost" Grid.RowSpan="3"
        Margin="32"
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Width="auto"
        Height="auto"
        BorderThickness="2"
        BorderBrush="{DynamicResource MaterialDesignDivider}"
        BottomDrawerCornerRadius="20 20 0 0"
        BottomDrawerBackground="{DynamicResource SecondaryHueLightBrush}">
    </materialDesign:DrawerHost>
</Grid>

我尝试使用 Height="auto" 和 Width="auto" 但没有任何效果。如何在我的代码中修复它？

Answer 1

您可以绑定到 Windows 的 ActualWidth 和 ActualHeight。 auto 通常会导致最小尺寸只是为了适应内容，而不是扩展到容器。即使 auto 像扩展一样工作，默认情况下网格大小也是最小的。所以你宁愿直接绑定到 Window.

如何将抽屉元素的宽度和高度绑定到 window 大小？

How to bind width and height of a drawer element to the window size?

wpf

material-design