Эффект сворачивания элемента в WPF

Итак, сегодня мы сделаем простую анимацию, в которой один элемент будет сворачиваться при нажатии, а элемент, находящийся над ним, займет его место (примерно как в тетрисе)...

В основу примера лег один маленький отрывок кода, с которым я недавно столкнулся (Боб Шагрен).

<EventTrigger RoutedEvent="Mouse.PreviewMouseDown">

                    <BeginStoryboard>

                        <Storyboard>

                            <DoubleAnimation

                                Storyboard.TargetProperty   = "Opacity"

                                To                          = "0"

                                BeginTime                   = "0:0:0"

                                Duration                    = "0:0:2" />

                             <ObjectAnimationUsingKeyFrames

                                Storyboard.TargetProperty   = "Visibility">

                                <DiscreteObjectKeyFrame KeyTime="0:0:2"   Value="{x:Static Visibility.Collapsed}" />

                             </ObjectAnimationUsingKeyFrames>

                        </Storyboard>

                    </BeginStoryboard>

                </EventTrigger>

Этот код даст довольно неплохой эффект сворачивания при нажатии на элемент, в стиль которого вы впишите этот код. Попробуйте сами.



В дополнение прилагается скачать небольшой пример.

Источник: http://blogs.msdn.com/llobo/
Перевод: QiSoft