5

我有一个 ListView，我通过绑定添加了 Elements。ListView 看起来像：

 <ListView 
        x:Name="ListView" 
        Height="auto" 
        Width="350" 
        ItemsSource="{Binding}" 
        Padding="0,0,-20,0" 
        Grid.Row="1" 
        Grid.Column="0" 
        Background="#EFEFEF"
        ItemContainerStyle="{StaticResource ListViewStyle}">

        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel Height="50" VerticalAlignment="Top" Margin="0,0,0,0" 
                        <TextBlock Text="{Binding name} TextWrapping="NoWrap"/>
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

有了这个基本设置，当元素绑定到基础列表时，已经有一个动画。奇怪的是使用了不同的动画。第一个元素从右侧滑入，所有其他元素都弹出。我正在寻找一种方法来以相同的方式为所有添加的元素设置动画（例如从右侧滑入）。我已经锁定自动生成（由 Blend）ListViewStyle 几个小时了，但找不到任何东西。后来我发现可以在样式里面添加这个属性：

<Style x:Key="ListViewStyle" TargetType="ListViewItem">
        <Setter Property="Transitions">
            <Setter.Value>
                <TransitionCollection>
                    <EntranceThemeTransition FromHorizontalOffset="400" />
                    <PopupThemeTransition FromHorizontalOffset="400"/>
                </TransitionCollection>
            </Setter.Value>
        </Setter>
 ...
 </Style>

EntranceThemeTransition和PopupThemeTransition似乎是正确的属性，因为它们改变了动画的行为。但我不知道如何使用它们或如何禁用它们。如何将一个动画（从右侧滑入）添加到 ListView？

4

1 回答 1

8

这应该有效：

<ListView
    x:Name="lv">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel>
                <VirtualizingStackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        <EntranceThemeTransition
                            FromHorizontalOffset="400" />
                    </TransitionCollection>
                </VirtualizingStackPanel.ChildrenTransitions>
            </VirtualizingStackPanel>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
</ListView>

*更新：

您还可以使用ListView.ItemContainerTransitions来定义这些转换。

于 2012-11-05T22:50:41.783 回答