显示隐藏的动画

一：xaml版

<TextBlock Height="23" HorizontalAlignment="Left" Cursor="Hand" Margin="10,10,0,0" Name="tbClick" Text="Click To Show" VerticalAlignment="Top" />

        <ListView Name="lvRoot" Width="200" Height="0">

            <ListView.View>

                <GridView>

                    <GridViewColumn DisplayMemberBinding="{Binding ShowColor}" Header="Color" Width="200" />

                </GridView>

            </ListView.View>

        </ListView>

二：后台绑定

DoubleAnimation animation = null;

            if (!flag)

            {

                animation = new DoubleAnimation();

                animation.From = 0;

                animation.To = 200;

                animation.Duration = new Duration(TimeSpan.FromSeconds(1));

                Storyboard.SetTargetName(animation, lvRoot.Name);

                Storyboard.SetTargetProperty(animation, new PropertyPath(HeightProperty));

                flag = true;

            }

            else

            {

                animation = new DoubleAnimation();

                animation.From = 200;

                animation.To = 0;

                animation.Duration = new Duration(TimeSpan.FromSeconds(1));

                Storyboard.SetTargetName(animation, lvRoot.Name);

                Storyboard.SetTargetProperty(animation, new PropertyPath(ListView.HeightProperty));

                flag = false;

            }

            Storyboard board = new Storyboard();

            board.Children.Add(animation);

            board.Begin(this);