Значение параметра Canvas.Zindex в DataTemplate

Question

В моей WP 8.1 приложение, которое я имею MapControl:

  <Maps:MapControl x:Name="mapControl" ZoomLevelChanged="mapControl_ZoomLevelChanged" Grid.ColumnSpan="2" Grid.Column="0" Grid.Row="1"> 
       <Maps:MapItemsControl x:Name="MapIcons" ItemsSource="{Binding}" > 
        <Maps:MapItemsControl.ItemTemplate> 
         <DataTemplate> 
          <StackPanel Tapped="myStack_Tapped" Maps:MapControl.Location="{Binding GeoPoint}" Maps:MapControl.NormalizedAnchorPoint="{Binding Anchor}"> 
           <Grid x:Name="contentGrid" Background="White" Height="150" Width="220" Visibility="Collapsed"/> 
           <Image x:Name="myImage" Source="{Binding MapMarker}"/> 
          </StackPanel> 
         </DataTemplate> 
        </Maps:MapItemsControl.ItemTemplate> 
       </Maps:MapItemsControl> 
      </Maps:MapControl> 

На карте я получил маркеры, и когда я нажимаю один из них, «contentGrid» apears. Код для такого поведения:

private void myStack_Tapped(object sender, TappedRoutedEventArgs e) 
    { 
     StackPanel s = sender as StackPanel; 
     Grid contentBox = s.FindName("contentGrid") as Grid; 
     contentBox.Visibility = Visibility.Visible; 
    } 

Я хочу видеть «contentGrid» всегда выше других маркеров, но некоторые из них выше моего «contentGrid». Я попытался установить свойство Canvas.Zindex в XAML в «contentGrid», но он не работает.

I attach screenshot to exemplify my problem.

Answer 1

В StackPanel стеки вертикально (по умолчанию) или по горизонтали.

Если вы хотите детей из StackPanel в «разных слоев», вам лучше заменить StackPanel в DataTemplate с Grid или Canvas

Простое решение заключается в

<DataTemplate> 
    <Grid Tapped="myStack_Tapped" Maps:MapControl.Location="{Binding GeoPoint}" Maps:MapControl.NormalizedAnchorPoint="{Binding Anchor}"> 
    <Image x:Name="myImage" Source="{Binding MapMarker}"/>   
    <Grid x:Name="contentGrid" Background="White" Height="150" Width="220" Visibility="Collapsed"/> 
    </Grid> 
</DataTemplate> 

Дать Изображение в XAML перед гридом ставит его графически.

Наконец, вы можете играть с ZIndex, если добавить в элемент Grid/Canvas другие элементы управления.

В противном случае я не уверен, что ZIndex действительно necessaray

EDIT

Canvas.ZIndex является вложенное свойство Canvas.

Но удивительно, что это работает с сеткой!

Чем больше ZIndex, тем ближе управление к глазу (над другими элементами управления)

С уважением