c# - MaterialDesign ColorZone 高度尺寸

Question

我不知道为什么，但我的 ColorZone 正在自行改变高度。当我没有 materialDesign:ColorZone 时，包含我所有元素的网格的大小为 "*"。

但是当我添加 ColorZone 时，尺寸变小了...你知道如何解决吗？

   <Grid Grid.Column="1" Visibility="Visible" >
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <materialDesign:ColorZone Padding="16" materialDesign:ShadowAssist.ShadowDepth="Depth2"
                                      Mode="PrimaryLight">
            <Grid>
               <!-- ALL MY ELEMENT, SIZE CHANGE COZ OF COLORZONE -->
            </Grid>
        </materialDesign:ColorZone>
    </Grid>

编辑:这是高度，为什么这没有占用所有空间？仅当我在 ColorZone 中写入宽度时才会这样做

Answer 1

我将您的代码复制到我的项目中。我认为有几件事可能会导致您的问题。

1. 你的颜色区域有填充。如果没有颜色区域，则不会有 16 点填充。这将导致布局在它必须显示的两个方向上有额外的 32 点空间，从而增加尺寸。这是尺寸增加，而不是减小。
2. 请注意颜色区域如何不拉伸(stretch)以填充其内容，您是否预料到这种行为？我不确定它是否会导致您预期的尺寸变化，但这可能是导致事情看起来不像您预期​​的原因。

没有更多信息(您希望它看起来像什么，问题到底是什么)，这是我能提供的最佳答案。

编辑:感谢您的屏幕截图，它完美地阐明了事情。

默认的 ColorZone 对齐方式是左上角。我不知道为什么，因为在几乎所有情况下我都发现我将它对齐以拉伸(stretch)以填充所有可用空间，就像大多数其他 WPF 容器(网格、堆栈面板等)一样。

您需要添加以下内容:

HorizontalAlignment="Stretch" VerticalAlignment="Stretch"

到你的色彩区。或者，在您的 App.xaml 资源中，您可以为 ColorZone 创建一个通用样式，并将它们作为默认值。我真的应该在我的申请中解决这个问题:

<Style TargetType="materialDesign:ColorZone">
    <Setter Property="HorizontalAlignment" Value="Stretch"/>
    <Setter Property="VerticalAlignment" Value="Stretch"/>
</Style>