Browse Source

Update SplitView.xaml

Update SplitView easings to use what's in UWP's template instead of QuinticEaseOut.
pull/4174/head
Jumar Macato 6 years ago
committed by GitHub
parent
commit
8cd328b916
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 12
      src/Avalonia.Themes.Fluent/SplitView.xaml

12
src/Avalonia.Themes.Fluent/SplitView.xaml

@ -166,13 +166,11 @@
<Setter Property="Grid.ColumnSpan" Value="1"/> <Setter Property="Grid.ColumnSpan" Value="1"/>
</Style> </Style>
<!-- Open/Close Pane animation <!-- Open/Close Pane animation -->
Uses KeySpline in WinUI, QuinticEaseOut easing seemed to match best
-->
<Style Selector="SplitView:open /template/ Panel#PART_PaneRoot"> <Style Selector="SplitView:open /template/ Panel#PART_PaneRoot">
<Setter Property="Transitions"> <Setter Property="Transitions">
<Transitions> <Transitions>
<DoubleTransition Property="Width" Duration="00:00:00.2" Easing="QuinticEaseOut" /> <DoubleTransition Property="Width" Duration="00:00:00.2" Easing="0.1,0.9,0.2,1.0" />
</Transitions> </Transitions>
</Setter> </Setter>
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=OpenPaneLength}" /> <Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=OpenPaneLength}" />
@ -180,7 +178,7 @@
<Style Selector="SplitView:open /template/ Rectangle#LightDismissLayer"> <Style Selector="SplitView:open /template/ Rectangle#LightDismissLayer">
<Setter Property="Transitions"> <Setter Property="Transitions">
<Transitions> <Transitions>
<DoubleTransition Property="Opacity" Duration="00:00:00.2" Easing="QuinticEaseOut" /> <DoubleTransition Property="Opacity" Duration="00:00:00.2" Easing="0.1,0.9,0.2,1.0" />
</Transitions> </Transitions>
</Setter> </Setter>
<Setter Property="Opacity" Value="1.0"/> <Setter Property="Opacity" Value="1.0"/>
@ -189,7 +187,7 @@
<Style Selector="SplitView:closed /template/ Panel#PART_PaneRoot"> <Style Selector="SplitView:closed /template/ Panel#PART_PaneRoot">
<Setter Property="Transitions"> <Setter Property="Transitions">
<Transitions> <Transitions>
<DoubleTransition Property="Width" Duration="00:00:00.1" Easing="QuinticEaseOut" /> <DoubleTransition Property="Width" Duration="00:00:00.1" Easing="0.1,0.9,0.2,1.0" />
</Transitions> </Transitions>
</Setter> </Setter>
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" /> <Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
@ -197,7 +195,7 @@
<Style Selector="SplitView:closed /template/ Rectangle#LightDismissLayer"> <Style Selector="SplitView:closed /template/ Rectangle#LightDismissLayer">
<Setter Property="Transitions"> <Setter Property="Transitions">
<Transitions> <Transitions>
<DoubleTransition Property="Opacity" Duration="00:00:00.2" Easing="QuinticEaseOut" /> <DoubleTransition Property="Opacity" Duration="00:00:00.2" Easing="0.1,0.9,0.2,1.0" />
</Transitions> </Transitions>
</Setter> </Setter>
<Setter Property="Opacity" Value="0.0"/> <Setter Property="Opacity" Value="0.0"/>

Loading…
Cancel
Save