Route d'événement à l'élément sous l'élément en cours

Question

J'ai essayé d'avoir une toile avec deux couches. Une couche défile horizontalement, la deuxième est en haut et défile verticalement. Dans la deuxième couche (celle qui défile verticalement), j'ai empilé une grille transparente (ou panneau) et un panneau avec des informations afin que nous puissions voir la première couche qui est sous celle-ci et si nous remontons, nous avons l'information qui apparaît sur l'écran.

Cela fonctionne comme un charme sauf que si je fais défiler horizontalement, le premier calque (le dessous) ne défile pas du tout. Ce n'est pas un problème si les défilements verticaux ne défilent pas si on balaye la grille transparente.

Ceci est mon XAML

<Canvas x:Name="Canvas"> 
    <local:MyPage x:Name="PageContainer"/> <!--This one scrolls horizontally --> 
    <ScrollViewer 
        HorizontalScrollBarVisibility="Disabled" 
        VerticalScrollBarVisibility="Hidden" 
        Height="{Binding ActualHeight, ElementName=UcRoot}"> 
<!--This one scrolls vertically and appears on top --> 
     <Grid> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
      </Grid.RowDefinitions> 
      <Grid Height="600" Width="600" Grid.Row="0" x:Name="TransparentGrid" ></Grid> 
      <Grid x:Name="Information" Background="Azure" Height="1200" Width="600" Grid.Row="1"> 
      </Grid> 
     </Grid> 
    </ScrollViewer> 

</Canvas> 

J'ai essayé beaucoup de choses sur la grille transparente (réglage de la largeur à 1, enlever et fixer la marge bénéficiaire de la grille d'information supérieure à 1200 par exemple), mais la grille capture l'événement et ne pas relayer à ma page.

Puis-je obtenir de l'aide?

Merci!

Answer 1

Vous devez définir l'arrière-plan 'Transparent' au réseau afin de pouvoir taper sur et swipe .. et vous avez besoin peut-être ces propriétés à jouer avec:

ScrollViewer.VerticalScrollMode 
ScrollViewer.HorizontalScrollMode 

Bien, ceci est mon solutions proposées:

 <ScrollViewer ScrollViewer.VerticalScrollMode="Enabled" ScrollViewer.HorizontalScrollMode="Disabled" > 
      <Grid > 
       <TextBlock Text="contnet" /> 
      </Grid> 
     </ScrollViewer> 

     <ScrollViewer ScrollViewer.VerticalScrollMode="Disabled" ScrollViewer.HorizontalScrollMode="Enabled" > 
      <Grid Background="Transparent"> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto"/> 
        <RowDefinition Height="Auto"/> 
       </Grid.RowDefinitions> 
       <Grid Height="600" Width="600" Grid.Row="0" x:Name="TransparentGrid" Background="Transparent" ></Grid> 
       <Grid x:Name="Information" Background="Azure" Height="1200" Width="600" Grid.Row="1"/> 


      </Grid> 
     </ScrollViewer> 

    </Canvas>