ZIndex в DockPanel

Question

У меня есть DockPanel в качестве корневого элемента для моего окна.

У меня есть еще одна DockPanel, которая по сути является строкой меню, которая установлена ​​для закрепления в верхней части root-element-DockPanel.

Я бы хотел, чтобы изображение было пристыковано к верхней части корневого элемента DockPanel, которое всплывает над строкой меню DockPanel.

Например:

<DockPanel x:Name="RootDockPanel">
  <Image Souce="/MyProject;component/Images/imageName.jpg" DockPanel.Dock="Top" Panel.ZIndex="3" />
  <DockPanel x:Name="MenuDockPanel" DockPanel.Dock="Top" Panel.ZIndex="0">
    <!-- content -->
  </DockPanel>
</DockPanel>

Я попытался установить Panel.ZIndex изображения на что-то более высокое, чем Panel.ZIndex menu-bar-DockPanel, но это не работает.

Поскольку ZIndex оказывается бесполезным, я не уверен, как этого добиться, и я жду ваших отзывов.

Спасибо за вашу помощь!

-Frinny

Answer 1

Довольно просто.Откажитесь от паршивой DockPanel и используйте вместо нее Grid.

DockPanel IMO - самая бесполезная панель из всех в wpf.

Answer 2

DockPanel.ZIndex у меня работает.

Вот пример, который может помочь (он может не скомпилироваться, я просто написал его по памяти, чтобы проиллюстрировать концепцию):

<DockPanel>
    <Label 
        Background="Yellow" 
        Content="Foo" 
        DockPanel.Dock="Right" 
        DockPanel.ZIndex="1"
        />
    <Label 
        Background="Green" 
        Content="Bar" 
        DockPanel.Dock="Right" 
        DockPanel.ZIndex="0" 
        />
</DockPanel>