Swipe Arbeit für ein Pivot-Steuerelement mit integriertem WebBrowser unter Windows Phone 8.0

Question

Ich möchte meine Anwendung eine Pivot Kontrolle mit einem WebBrowser Steuerelement in jedem PivotItem haben. Das Problem ist, dass das Wischen zum nächsten PivotItem nicht funktioniert, da es stattdessen zu einem horizontalen Scrollen der Webseite führt. Die Webseiten sind jedoch reaktionsbereit und müssen nicht horizontal gescrollt werden, stattdessen möchte ich, dass horizontales Wischen zu einem Schwenkschalter führt. Kann dies erreicht werden? Wenn ich kein Pivot Steuerelement verwenden kann, was ist die empfohlene Methode zum Implementieren von Seitenwechsel mit WebControl s auf den Seiten? Ein Top-Menü a la iOS/Android?

Answer 1

Ja, es ist möglich, benötigt jedoch eine kleine Umgehungsmöglichkeit, da Webbrowser das Ereignis zuerst behandelt und Ihr Pivot wahrscheinlich nichts davon weiß. Sie können für diesen Zweck Touch und sein Ereignis FrameReported verwenden. Einfacher Code kann wie folgt aussehen:

public MainPage() 
{ 
    InitializeComponent(); 
    Touch.FrameReported += Touch_FrameReported; 
} 

TouchPoint first; 

private void Touch_FrameReported(object sender, TouchFrameEventArgs e) 
{ 
    TouchPoint mainTouch = e.GetPrimaryTouchPoint(myWebBrowser); 
    if (mainTouch.Action == TouchAction.Down) 
     first = mainTouch; 
    else if (mainTouch.Action == TouchAction.Up) 
    { 
     if (mainTouch.Position.X - first.Position.X < 0) 
      MessageBox.Show("Next item."); 
      //myPivot.SelectedIndex++; 
     if (mainTouch.Position.X - first.Position.X > 0) 
      MessageBox.Show("Previous item."); 
      //myPivot.SelectedIndex--; 
    } 
} 

Wie man sehen kann - ich bin die Erinnerung, wo der Benutzer seine Bewegungen beginnen, dann, wenn er seine Berührung Aussendungen - ich myPivot.SelectetIndex ändern. Hoffe das hilft ein wenig. Sie können auch versuchen mit TouchPanel, aber ich denke, dass wird einfacher sein (wenn es ausreicht).

---

Wenn Sie einige Gesten deaktivieren möchten, kann es zum Beispiel wie im folgenden Code aussehen. Ich habe nur HorizontalDrag aktiviert - es wird also nicht zum Zoomen ausgelöst. Die Toleranz sollte natürlich nicht 0 sein, Sie müssen die am besten geeignete für Ihre App definieren.

// in MainPage() constructor 
TouchPanel.EnabledGestures = GestureType.HorizontalDrag; 

private void Touch_FrameReported(object sender, TouchFrameEventArgs e) 
{ 
    TouchPoint mainTouch = e.GetPrimaryTouchPoint(myMap); 
    if (mainTouch.Action == TouchAction.Down) 
     first = mainTouch; 
    else if (mainTouch.Action == TouchAction.Up && TouchPanel.IsGestureAvailable) 
    { 
     if (mainTouch.Position.X - first.Position.X < 0) 
     MessageBox.Show("Next item."); 
     //myPivot.SelectedIndex++; 
     if (mainTouch.Position.X - first.Position.X > 0) 
     MessageBox.Show("Previous item."); 
     //myPivot.SelectedIndex--; 
    } 
} 

Answer 2

Hier ist der Artikel, dass diese besondere Ausgabe http://blogs.msdn.com/b/madenwal/archive/2015/02/11/how-to-embed-a-webbrowser-control-inside-a-pivot-item-in-windows-phone.aspx