VPF::Анимация Silveright - Форум программистов

Wizard_Memfis

Дата 31.3.2009, 10:51 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 193
Регистрация: 12.2.2007
Где: г. Донецк, Украин а

Репутация: нет
Всего: 4

Hi all!
Хочу банальную анимацию: движенеи картинки по кругу. Подскажите как это дожно быть?Сделал по таймеру перерисовку, оно естественно скачет и дергается. Хотелось бы это убрать. Я так понимаю что я должен использовать анимацию...НО КАК это сделать на анимации? smile

--------------------

www.binary-studio.com

-Mikle-

Дата 31.3.2009, 15:17 (ссылка)

(нет голосов)

Загрузка ...

Невидимка Vingrad'а

Профиль
Группа: Экс. модератор
Сообщений: 1672
Регистрация: 22.6.2003
Где: Казахстан, Астана

Репутация: 13
Всего: 59

Анимирует движение кнопки по пути фигуры (синусоида в данном случае)

Код


        <Canvas Margin="0,41">
            <Canvas.Resources>
                <PathGeometry x:Key="AnimationPath" Figures="M 10,100 C 35,0 135,0 160,100 180,190 285,200 310,100" />
            </Canvas.Resources>
            <Canvas.Triggers>
                <EventTrigger RoutedEvent="Canvas.Loaded">
                    <BeginStoryboard>
                        <Storyboard RepeatBehavior="Forever" Storyboard.TargetName="translate" AutoReverse="True" >
                            <DoubleAnimationUsingPath Storyboard.TargetProperty="X"
                                PathGeometry="{StaticResource AnimationPath}" Source="X" Duration="0:0:3" />
                            <DoubleAnimationUsingPath Storyboard.TargetProperty="Y"
                                PathGeometry="{StaticResource AnimationPath}" Source="Y" Duration="0:0:3" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Canvas.Triggers>
            
            <Button Content="O">
                <Button.RenderTransform>
                    <TranslateTransform x:Name="translate" />
                </Button.RenderTransform>
            </Button>
            
        </Canvas>

Добавлено через 12 минут и 24 секунды
А вот так, кнопка как-бы едет по указанному пути

Код


        <Canvas Margin="0,41">
            <Canvas.Resources>
                <PathGeometry x:Key="AnimationPath" Figures="M 10,100 C 35,0 135,0 160,100 180,190 285,200 310,100" />
            </Canvas.Resources>
            <Canvas.Triggers>
                <EventTrigger RoutedEvent="Canvas.Loaded">
                    <BeginStoryboard>
                        <Storyboard RepeatBehavior="Forever" AutoReverse="True">
                            <DoubleAnimationUsingPath Storyboard.TargetProperty="X" Source="X" Duration="0:0:3" 
                                Storyboard.TargetName="translate"
                                PathGeometry="{StaticResource AnimationPath}" />
                            <DoubleAnimationUsingPath Storyboard.TargetProperty="Y" Source="Y" Duration="0:0:3" 
                                Storyboard.TargetName="translate"
                                PathGeometry="{StaticResource AnimationPath}" />
                            <DoubleAnimationUsingPath Storyboard.TargetProperty="Angle" Source="Angle" Duration="0:0:3" 
                                Storyboard.TargetName="rotate"
                                PathGeometry="{StaticResource AnimationPath}" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Canvas.Triggers>

            <Button Content="O">
                <Button.RenderTransform>
                    <TransformGroup>
                        <RotateTransform x:Name="rotate" />
                        <TranslateTransform x:Name="translate" />
                    </TransformGroup>
                </Button.RenderTransform>
            </Button>
        </Canvas>

--------------------

Если тебе плюют в спину, значит ты впереди...

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| WPF и Silverlight \| Следующая тема »