Design ListPicker Mischung / Xaml

9

Ich benutze einen ListPicker, aber es fällt mir schwer, das Design zum Laufen zu bringen. Ich habe den Test, den ich gemacht habe, aufgenommen:

%Vor%

Grundsätzlich möchte ich einen Listenpicker erstellen, der wie eine Schriftrolle aussieht. Wenn Sie darauf klicken, wird der Bildlauf erweitert und zeigt alle Optionen an. Daher bin ich nicht daran interessiert, den Vollbild-Look zu verwenden.

Ich habe auch andere Versuche mit ähnlich schlechtem Erfolg gemacht, wo ich entworfene Benutzersteuerungen verwendet habe, wie oben und unten für Animationen scrollt. Aber das Design des Listenpickers war unmöglich.

Meine Frage ist also, ob jemand ein design des listpickers hat, mit usercontrols, so dass ich sie überschreiben kann oder wenn Sie mich dazu bringen können, den listpicker richtig zu manipulieren. Ich habe Blend, Experssion Design, Illustrator und XAML verwendet, daher wäre jede Methode zum Entwerfen des Listpickers mit beiden sehr zu begrüßen!

Visuelles Beispiel

Die Idee ist also etwa so:

Wenn sich der Text in der Bildlaufleiste befindet und Sie darauf klicken, wird die Bildlaufleiste um eine Liste erweitert, in der Sie blättern können, um Elemente auszuwählen.

Benutzersteuerelement

Benutzersteuerung eines Bildlaufs

Abgebildete Übersicht

Das ausgewählte Objekt:

Klicken Sie auf das Element und eine Liste wird angezeigt:

So funktioniert ein Listenpicker Ich möchte ihn als Scroll gestalten, entweder von Grund auf neu oder mit dem Tool listpicker Beschreibung , ist was ich suche. Es ist mir jedoch nicht gelungen, das expandierende Aussehen schön zu machen.

    
JTIM 03.04.2015, 09:43
quelle

1 Antwort

1

Ich habe es so einfach wie möglich gemacht. Die Idee ist folgende: Die Eigenschaften Übersetzen und Skalieren werden zwischen Zuständen animiert, andere wie Höhe usw. nicht. Also erstellen wir das Layout wie folgt:

%Vor%

Fügen wir nun der Seite, der Steuerung oder dem, was Sie brauchen, einige visuelle Zustände hinzu

%Vor%

Und schließlich der Code-Behind für den Wechsel der Staaten

%Vor%

Jetzt können Sie Fade hinzufügen, wenn der Text erscheint und verschwindet, und die Farben für Bilder usw. ändern. Aber die Idee ist gelöst.

    
quelle