2016-05-19 14 views
1

Ich versuche, etwas Ähnliches zu implementieren this Layout, eine feste Kopfzeile Parallax Scroll-Ansicht. In meinem Fall ist es kein dünner Header, der dem festen Header von LongListSelector ähnelt, sondern eher wie ein komplexes Pivot-Steuerelement, das mehr Speicherplatz reserviert.Parallax Scrolling mit fester Kopfzeile [Windows Phone]

Ich habe gefunden und versucht, mit this Beispiel zu arbeiten, aber ich konnte es nicht schaffen, es mit einem festen Header arbeiten zu lassen.

Alle Ideen, die nützlich sein könnten, würden geschätzt werden!

+0

Was funktioniert nicht? Das Beispiel scheint ziemlich angemessen zu sein. – khlr

+0

_Ich konnte es nicht schaffen, es mit einem festen Header arbeiten zu lassen._ In dem gegebenen Beispiel gibt es einen einzigen scrollbaren Bereich, alles geht über das Hintergrundbild. Stellen Sie sich vor, ich möchte, dass der Titel/Untertitel Teil einer Kopfzeile ist, die im oberen Teil des Bildschirms fixiert ist. – klitemnistra

+1

Am Ende dieses Beitrags befindet sich ein Link zu einer möglichen Lösung, die Sie suchen: http://social.technet.microsoft.com/wiki/contents/articles/27772.windows-phone-how-to-keep-a -ui-element-in-view-wenn-scroll-a-page-in-windows-phone.aspx – Depechie

Antwort

1

komplette Post auf eine mögliche Anleitung, wie man dieses Problem lösen kann hier http://social.technet.microsoft.com/wiki/contents/articles/27772.windows-phone-how-to-keep-a-ui-element-in-view-when-scrolling-a-page-in-windows-phone.aspx

TL gefunden werden; DR

Kurz gesagt, wenn Sie ein Element statisch blättern und halten müssen (so, dass es nicht Scrollen aus dem sichtbaren Fenster), müssen Sie in dasEreignis der ScrollBar innerhalb einer ScrollViewer einhaken. Mit dieser Stelle können Sie den zurückgegebenen Wert überprüfen und überprüfen, ob das statische Objekt auch animiert werden muss - oder nicht. Sie validieren es gegen ein anderes Element auf dem Bildschirm, das Ihr 'oberstes Element' oder gegen den oberen oder unteren Bildschirmrand selbst ist.

Demovideo der Lösung: https://www.youtube.com/watch?v=xsnQCfVUTTA