Как добавить анимацию к элементам в XAML?
@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 через триггер, который запускает анимацию после события загрузки элемента.