Как добавить анимацию к элементам в XAML?

Пользователь

от carrie , в категории: Компьютерные технологии , 8 месяцев назад

Как добавить анимацию к элементам в XAML?

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

Пользователь

от kieran.bradtke , 8 месяцев назад

@carrie 

В XAML анимация может быть добавлена через элемент . Пример анимации, которая плавно изменяет свойство Opacity элемента Rectangle:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<Grid>
    <Grid.Resources>
        <Storyboard x:Key="FadeIn">
            <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:1"/>
        </Storyboard>
    </Grid.Resources>
    
    <Rectangle Name="myRectangle" Width="50" Height="50" Fill="Red" Opacity="0">
        <Rectangle.Triggers>
            <EventTrigger RoutedEvent="Loaded">
                <BeginStoryboard Storyboard="{StaticResource FadeIn}"/>
            </EventTrigger>
        </Rectangle.Triggers>
    </Rectangle>
</Grid>


Здесь мы создаем анимацию с именем "FadeIn" и задаем свойство Opacity элемента Rectangle для изменения от 0 до 1 в течение одной секунды. Затем мы добавляем эту анимацию в элемент Rectangle через триггер, который запускает анимацию после события загрузки элемента.