С анимацией только начал разбираться. Поэтому на мой взгляд достаточно тривиальная задача поставила в ступор.
Разрабатывал пользовательский интерфейс
Верхние части помещены в ItemsControls. Задача состоит в том, чтобы при наведении на элемент он выходил на передний план и немного увеличивался в размерах.
Пробовал сделать через анимацию, но не нашел свойства ZIndex, а при изменении размеров все разъезжается в разные стороны.
<ItemsControl HorizontalAlignment="Right" VerticalAlignment="Top" Style="{StaticResource EventListStyle}">
<ItemsControl.Resources>
<Style TargetType="ContentPresenter">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Panel.ZIndex" Value="1"/>
</Trigger>
</Style.Triggers>
</Style>
</ItemsControl.Resources>
</ItemsControl>
<DataTemplate x:Key="EventHeaderView">
<Border CornerRadius="5,0,0,5" BorderThickness="1" BorderBrush="Black" Background="White"
Margin="5,0,0,0" RenderTransformOrigin="0.5 0.5">
<Border.RenderTransform>
<ScaleTransform/>
</Border.RenderTransform>
<Border.Style>
<Style TargetType="Border">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Trigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="RenderTransform.(ScaleTransform.ScaleX)" To="1.5" Duration="0:0:0.2"/>
<DoubleAnimation Storyboard.TargetProperty="RenderTransform.(ScaleTransform.ScaleY)" To="1.5" Duration="0:0:0.2"/>
</Storyboard>
</BeginStoryboard>
</Trigger.EnterActions>
<Trigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="RenderTransform.(ScaleTransform.ScaleX)" To="1.0" Duration="0:0:0.2"/>
<DoubleAnimation Storyboard.TargetProperty="RenderTransform.(ScaleTransform.ScaleY)" To="1.0" Duration="0:0:0.2"/>
</Storyboard>
</BeginStoryboard>
</Trigger.ExitActions>
</Trigger>
</Style.Triggers>
</Style>
</Border.Style>
<Canvas Width="68" Height="68">
<Button ToolTip="{Binding ToolTip}" Width="68" Height="68"
Command="{Binding DataContext.SelectedIndexCommand, ElementName=RootMain}"
CommandParameter="{Binding SystemName}">
<Button.Template>
<ControlTemplate>
<Image Source="{Binding Avatar}"/>
</ControlTemplate>
</Button.Template>
</Button>
</Canvas>
</Border>
</DataTemplate>
<Style x:Key="EventListStyle" TargetType="ItemsControl">
<Setter Property="ItemTemplate" Value="{StaticResource EventHeaderView}"/>
<Setter Property="ItemsSource" Value="{Binding Events}"/>
</Style>