wpf - 如何让两个孩子占据父网格的 100% 和 20%？

Question

我有一个有 2 行的网格。我想放置一个矩形以占用 100% 的网格高度，并将一个文本框放置在网格之外（溢出）。

我的 XAML 代码：

            <Grid.RowDefinitions>
                <RowDefinition Height="*"></RowDefinition>
                <RowDefinition Height="*"></RowDefinition>

            </Grid.RowDefinitions>

            <Rectangle Grid.Row="0" Height="{Binding Height, ElementName=AppServer}">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="/Images/Server_Base.png"/>
                </Rectangle.Fill>

            </Rectangle>
            <Label ClipToBounds="False" Grid.Row="1"  Width="Auto"  HorizontalContentAlignment="Right" VerticalContentAlignment="Bottom"  Background="Transparent" >
                <AccessText TextWrapping="Wrap">App</AccessText>
            </Label>

        </Grid>

Answer 1

作为一个简单的解决方法，您可以在下面使用

<Grid>
    <Rectangle>
        <Rectangle.Fill>
            <ImageBrush ImageSource="/Images/Server_Base.png" />
        </Rectangle.Fill>
    </Rectangle>
    <Canvas VerticalAlignment="Bottom">
        <Label ClipToBounds="False"
               Canvas.Right="0"
               Width="Auto"
               Background="Transparent">
            <AccessText TextWrapping="Wrap">App</AccessText>
        </Label>
    </Canvas>
</Grid>