Как заставить двух детей занимать 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>

http://i60.tinypic.com/1zxr2c4.png

http://i62.tinypic.com/2q2qwx4.png

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>