无法在WPF中设置Canvas ZIndex

Question

I have code xaml like this:

Now I change Height of wp_2 to 450 and it's will bigger than stackMain , I set Canvas.ZIndex="100" in order to wp_2 can display all but it still hidden a part by stackPanel: Does anyone know to fix it? Thank you all!

Answer 1

1.Give margin -50 top so that it begin from top(reinitialize from top).

2.In wrap panel every child control start from ending position of its elder.

(In this case yellow one starts from ending of red.) Give Margin="0,-50,0,0" to yellow one

<WrapPanel Background="Yellow" Height="50" Margin="0,-50,0,0" ></WrapPanel>

Answer 2

For the scenario that you mentioned using Grid is the best solution. Please refer to below code:

<Grid Background="Black">
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <WrapPanel Name="Wp1" Background="Red"/>
        <WrapPanel Grid.Row="1" Name="Wp2" Background="Yellow" Height="500"/>

EDITED

As you want another layer for your WrapPanel than you can wrap it inside Canvas .

 <Grid x:Name="mainGrid" Background="Black">
                <Grid.RowDefinitions>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <WrapPanel Name="Wp1" Background="Red"/>
                <Canvas  Grid.Row="1" Panel.ZIndex="100" Height="500" Width="{Binding ActualWidth, ElementName=mainGrid}">
                    <WrapPanel Name="Wp2" Background="Yellow" Height="400" Width="{Binding ActualWidth, ElementName=mainGrid}"/>
                </Canvas>
</Grid>

Answer 3

Maybe you can do something like this?

<Grid Background="Aquamarine" Margin="0 0 0 -270">
        <Grid Background="Black" Margin="0 10 0 313">
            <StackPanel Margin="0 0 0 -500">
                <WrapPanel Background="Red" Height="50"/>
                <WrapPanel Background="Yellow" Height="450"/>
            </StackPanel>
        </Grid>
    </Grid>