나는 이걸 몇 시간 뒤로 검색했지만 동일한 결과를 얻으려면 적용해야하는 템플릿을 찾을 수 없었습니다.
결국, 나는 비슷한 효과를 얻기 위해 나만의 애니메이션을 제작하고있었습니다. 내 목록에서 선택한 항목에 사용되는 Button 컨트롤이 있습니다. 버튼 템플릿의 경우 Visual State 변경에 대한 다음 정의가 포함 된 내 스타일을 적용했습니다.
블렌드에서 버튼 템플릿과 스타일 템플릿을 만들 수 있습니다.
<Style x:Key="LongListSelectorButtonStyle" TargetType="Button">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<Grid Background="Transparent">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver"/>
<VisualState x:Name="Pressed">
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="(Border.RenderTransform).(TranslateTransform.Y)"
Storyboard.TargetName="ButtonBackground"
From="0"
To="-6"
Duration="00:00:0.04"/>
<DoubleAnimation Storyboard.TargetProperty="(Border.RenderTransform).(TranslateTransform.X)"
Storyboard.TargetName="ButtonBackground"
From="0"
To="2"
Duration="00:00:0.04"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled"/>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
이 애니메이션은 버튼을 현재 위치에서 오른쪽 위로 조금 이동합니다. 애니메이션을 다른 방향으로 변경할 수 있습니다.