Question

我在我的Windows Phone 7应用中使用itemsControl显示了一个类型列表，但我对animation和storyBoard等非常新所以我的itemsControl在下面给出

    <ItemsControl x:Name="ListContainer">

                        <ItemsControl.ItemTemplate>                        
                            <DataTemplate x:Name="listTemplate">                                
                                    <StackPanel Margin="25,0,0,0" MaxHeight="100">
                                        <TextBlock Text="{Binding DisplayName}" FontSize="21"></TextBlock>                            
                                        <Button Name="btn" Tag="{Binding ID}" Content="request" FontSize="21" Width="183" Click="btn_Click" Padding="0"></Button>
                                    </StackPanel>                                
                            </DataTemplate>                            
                        </ItemsControl.ItemTemplate>

                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <StackPanel Orientation="Vertical"/>
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>

    </ItemsControl>

现在我想添加一个animation，以便每当添加到此itemsControl item的项目（bottom）应该从up移动到add时比{{1}}

更高的d

我googled很多，但没有找到任何讽刺的答案，所以如果有任何人有关于故事板和动画plZ的知识提出答案 - ：谢谢

Answer 1

要实现此类动画，您需要：1。将TranslateTransform添加到项目StackPanel并将Y设置为900; 2.将事件处理程序添加到Loaded的{{1}}事件中; 您的XAML现在看起来像：

StackPanel

3。在<ItemsControl x:Name="ListContainer" VerticalAlignment="Top"> <ItemsControl.ItemTemplate> <DataTemplate x:Name="listTemplate"> <StackPanel Margin="25,0,0,0" MaxHeight="100" Loaded="FrameworkElement_OnLoaded"> <StackPanel.RenderTransform> <TranslateTransform Y="900"/> </StackPanel.RenderTransform> <TextBlock Text="{Binding}" FontSize="21"></TextBlock> <Button Name="btn" Content="request" FontSize="21" Width="183" Padding="0"></Button> </StackPanel> </DataTemplate> </ItemsControl.ItemTemplate> <ItemsControl.ItemsPanel> <ItemsPanelTemplate> <StackPanel Orientation="Vertical"/> </ItemsPanelTemplate> </ItemsControl.ItemsPanel> </ItemsControl>事件处理程序中，您需要创建一个将要移动新项目的Loaded：

Storyboard

Answer 2

现在只需查看混合中的动画教程并应用您自己的想法。混合中的动画非常适合动画。 Animating a card in windows phone

对于项目控制的动画，这有效：Item control animation

itemsControl项目插入动画

2 个答案: