VlcControl 始终位于 Grid 的顶部

Question

我需要将 VlcControl 与包含菜单控件的其他 Grid 放在 Grid 中，但无论 VlcControl 始终位于父级 [=12= 的顶部].

 <Grid> 
 <Grid x:Name="VideoHolder"> 
 <vlc:VlcControl /> 
 </Grid> 

 <Grid x:Name="MenuHolder"> 
 <!— content —> 
 </Grid> 
 </Grid>

Answer 1

尝试在命名网格上使用附加的属性 Panel.ZIndex="NUMBER"，您想要在顶部的那个应该有更大的数字。说 Panel.ZIndex="2"

 <Grid>
    <Grid x:Name="VideoHolder" Panel.ZIndex="2">
        <Border Background="AliceBlue" Height="100" Width="300"  />
    </Grid>

    <Grid x:Name="MenuHolder" Panel.ZIndex="1">
        <Border Background="Beige" Margin="50,0,0,0" Height="100" Width="300" />
    </Grid>
</Grid>

Answer 2

如果这符合您的需要，您可以尝试使用如下代码片段中的弹出窗口。

请注意，您可能无法使透明度正常工作。

<Grid>
     <vlc:VlcControl x:Name="VideoHolder"/>
     <Popup Height="Auto"
            AllowsTransparency="True"
            IsOpen="True"
            PlacementTarget="{Binding ElementName=VideoHolder}">
                    <Border Background="White">
                      ...
                    </Border>
     </Popup>
 </Grid>

对于 inkCanvas

<Grid>
     <vlc:VlcControl x:Name="VideoHolder" Panel.ZIndex="1"/>
     <InkCanvas Panel.ZIndex="2">

     </InkCanvas>
 </Grid>

VlcControl 始终位于 Grid 的顶部

VlcControl is always on the top of the Grid

.net

wpf

vlc