Windows 10 Mobile API: Erstellen einer Seite über eine andere Seite

Question

Ich lerne Windows 10 Mobile App Entwicklung. Wenn Sie in der Karten-App einen beliebigen Standort halten, wird eine neue Seite angezeigt, die nach oben verschoben werden kann, um weitere Informationen zum festgelegten Standort anzuzeigen. Screenshots:

Ich wollte wissen, wie so etwas zu machen.

Answer 1

Dies ist keine neue Seite, es ist einfach eine Art von Panel (wie Grid oder StackPanel) oben auf der Karte. Sie können es implementieren durch Gitter über andere Elemente platzieren und Einstellung seiner TranslateY dementsprechend etwas wie folgt aus:

<Grid x:Name="LayoutRoot"> 
    <maps:MapControl x:Name="Map"/> 

    <Grid x:Name="Overlay" Background="Red"> 
     <Grid.RenderTransform> 
      <CompositeTransform x:Name="OverlayTransform" TranslateY="300"/> 
     </Grid.RenderTransform> 
    </Grid> 
</Grid> 

Dann können Sie animieren OverlayTransform.TranslateY wie Sie sehen, passen. Wenn Sie durch Interaktion mit dem Benutzer Schiebe implementieren möchten, sollten Sie Manipulation behandeln [Erste/Delta/Abgeschlossen] Ereignisse, zum Beispiel:

<Grid x:Name="Overlay" Background="Red" ManipulationMode="TranslateY" ManipulationDelta="Overlay_OnManipulationDelta"> 

... 


private void Overlay_OnManipulationDelta(object sender, ManipulationDeltaRoutedEventArgs args) 
{ 
    OverlayTransform.TranslateY += args.Delta.Translation.Y; 
} 

Von dort können Sie komplexere Logik zu bauen beginnen, wie einige Ankerpunkte für Ihre Panel oder hübsche Slide-In/Slide-Out Animationen.