UWP Win 10 Zunder-Swipe-Karte in Pivot?

8

Hier ist der Link zu meinem Projekt mit minimaler Version .
Ich versuche, in meiner Pivot Page einen Zunder-Swipe-Card-Effekt zu erstellen. Nach dem Verweisen auf Lightstone-Karussell konnte eine in C# und XAML erstellt werden, die in einem Grid funktioniert.
Mein Problem ist nun, dass das benutzerdefinierte Steuerelement in ein Pivot -Element kommen sollte. Die Standardmanipulation des Pivot überschreibt die Swipe-Manipulation meines Steuerelements auf TOUCH -Geräten. Wie kann ich auf meine benutzerdefinierte Steuerung zugreifen?
% Co_de% konnte in der App "Win 10" nicht gefunden werden. Antwort von @Romasz: @Romasz Jeder andere Steuerungsvorschlag mit ähnlicher Wirkung wäre ebenfalls erwünscht. XAML

%Vor%

Nach @Chris W. query zeigen zwei den Tinder Swipe-Effekt
1) Webversion
2) Objective C Code

Um einen ähnlichen Effekt in der App zu sehen, entfernen Sie das Pivot-Steuerelement und die Pivot-Elemente und es würde gut funktionieren.

BEARBEITEN Laut @Romasz Kommentar haben ein neues Beispiel hochgeladen. Es gibt zwei obere, die mein benutzerdefiniertes Steuerelement sind, wo der linke und der rechte Swipe jetzt funktionieren, aber der vertikale Swipe nicht. Unten ist der Standard-ListView, wo Scroll Swipe alles funktioniert, aber es gibt keinen Zunder-freundlichen Effekt. Der einzige Grund für das Erstellen des Steuerelements ist das Hinzufügen eines Effekts.

    
Jerin 25.05.2016, 08:08
quelle

2 Antworten

2

Fügen Sie nach Ihrem zweiten Beispiel ManipulationMode="System,TranslateX" Ihrem Karussell hinzu. Dies sollte es ermöglichen, scrollviewer vertikal zu verschieben und horizontal durch Bilder zu wischen:

%Vor%

Es wird nur ein Problem geben - während der vertikale Scrollviewer funktioniert und Sie nach links / rechts wischen, sogar auf dem Karussell, reagiert der Drehpunkt mit der Änderung des Gegenstandes. Es gibt zwei Möglichkeiten in dieser Situation, denke ich:

  • Deaktivieren Sie zuerst die Trägheit Ihres scrollviewer - IsScrollInertiaEnabled="False" . Aber da diese Lösung nicht gut aussieht, habe ich über einen anderen Weg nachgedacht,
  • Zweitens deaktivieren Sie Pivot, während der Scrollviewer arbeitet. In diesem Fall müssen Sie das Ereignis ViewChanged Ihres Scrollviewer abonnieren und die Eigenschaft IsLocked des Pivot-Steuerelements steuern:

    %Vor%

    im Code dahinter (ich habe auch deinen Pivot genannt):

    %Vor%

Was das Ändern des Pivots beim ersten / letzten Element betrifft, so sollten Sie in der Lage sein, dies zu ändern, indem Sie das Karussell ein wenig verändern - sorgen Sie für Ereignisse, die über den ersten / letzten Punkt informieren. Danach können Sie die Pivot-Änderung aufrufen.

    
Romasz 31.05.2016, 05:58
quelle
0

Hier, was ich in einer meiner Apps gemacht habe

Sie können es hier überprüfen: Universal Logo Maker für Windows (Kopf zur Einstellungsseite)

%Vor%

Und hier ist der Ereignishandler Pivot_SelectionChanged

%Vor%

Wenn Sie auf diese Weise vorgehen, haben Sie immer noch die Registerkarten-Benutzeroberfläche als Unterstützung für Pivot-Steuerelemente, deaktivieren jedoch das gesamte Wischverhalten. Wenn Sie das Element, das Sie in Pivot Item einfügen, in eine neue Seite aufteilen, wird der XAML-Code klarer und einfacher zu verwalten.

Hoffen Sie diese Hilfe

    
Tuan Tran 27.05.2016 08:49
quelle