Geek Answers Handbook

Windows 7 Phone ListBox Animation When Selected

I have a ListBox in my application that contains a TextBlock displaying some data. TextBlock configured to trigger events when the user clicks on them.

 <ListBox x:Name="ListBoxCategories" Margin="0,0,-12,0" ItemsSource="{Binding ListBoxItems}"> <ListBox.ItemTemplate> <DataTemplate> <StackPanel Margin="0,0,0,17" Width="432"> <TextBlock Text="{Binding ItemName}" TextWrapping="Wrap" MouseLeftButtonDown="TextBlock_MouseLeftButtonDown" Style="{StaticResource PhoneTextLargeStyle}" Foreground="{StaticResource PhoneAccentBrush}" /> </StackPanel> </DataTemplate> </ListBox.ItemTemplate> </ListBox>

This works the way I want, but it would be great if I could provide some animation when the user clicks on an element. For example, when you select a contact from the phonebook and click on one of the actions (for example, "send email" or "call by mobile phone"), the text moves briefly before performing the selected action. Is there any way to do this?

+6
windows-phone-7
source share
1 answer

  • Create a message bar with an image to move the text box.

  • Launch the storyboard with the click event handler.

  • Complete your action in a completed story event.

+5
source share

More articles:


All Articles