SandwichFlow Design auf WP7

Schon öfter habe ich über die neuen Metro Design Animations berichtet. ScottLogic hat einen neuen Post über Fluid List Animations, ‚Peel‘ Animations und Flying Titels Effects geschrieben.

Es ist denke ich sehr wichtig sich mit diesen Thema auseinanderzusetzen weil so gute Apps entstehen die vom User gut angenommen werden.

Um sich eine Vorstellung zumachen wie einfach diese Animationen in eigene Apps zu implementieren hier ein kleiner Ausschnitt an Sample Code:

<DataTemplate x:Key="SandwichTemplate">
  <StackPanel Orientation="Vertical"
 Margin="0,5,0,5"
 mim:MetroInMotion.Tilt="3">
    <TextBlock Text="{Binding Title}"
 mim:MetroInMotion.AnimationLevel="1"
 x:Name="Title"
 Foreground="Black"
 FontSize="{StaticResource PhoneFontSizeLarge}"/>
    <TextBlock Text="{Binding KeywordSummary}"
 mim:MetroInMotion.AnimationLevel="2"
 FontSize="{StaticResource PhoneFontSizeNormal}"
 Foreground="#888"/>
  </StackPanel>
</DataTemplate>


Quelle und Sourcecode:


Metro In Motion #5 – SandwichFlow
SandwichFlow.zip
 

Advertisements

About pocketmobile

Window Phone Developer

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

%d Bloggern gefällt das: