From 3a1b2e97e455757025cae38433b3c7763f0872f9 Mon Sep 17 00:00:00 2001
From: Dong Bin <popmessiah@hotmail.com>
Date: Thu, 13 Feb 2025 18:23:46 +0800
Subject: [PATCH] feat: use LayoutTransformControl.

---
 src/Ursa.Themes.Semi/Controls/NavMenu.axaml | 41 +++++++++++++--------
 1 file changed, 26 insertions(+), 15 deletions(-)

diff --git a/src/Ursa.Themes.Semi/Controls/NavMenu.axaml b/src/Ursa.Themes.Semi/Controls/NavMenu.axaml
index 85c97ca..60e3733 100644
--- a/src/Ursa.Themes.Semi/Controls/NavMenu.axaml
+++ b/src/Ursa.Themes.Semi/Controls/NavMenu.axaml
@@ -121,22 +121,30 @@
                     </Popup>
                 </Grid>
             </Border>
-            <ItemsPresenter
-                Name="PART_ItemsPresenter"
-                Grid.Row="1"
-                Margin="0,4,0,0"
-                VerticalAlignment="Top"
-                Grid.IsSharedSizeScope="True"
-                ItemsPanel="{Binding ItemsPanel, RelativeSource={RelativeSource TemplatedParent}}"
-                RenderTransformOrigin="0.5,0">
-                <ItemsPresenter.Transitions>
+            <LayoutTransformControl Grid.Row="1" RenderTransformOrigin="0.5,0">
+                <ItemsPresenter
+                    Name="PART_ItemsPresenter"
+                    Grid.Row="1"
+                    Margin="0,4,0,0"
+                    Opacity="1"
+                    VerticalAlignment="Top"
+                    Grid.IsSharedSizeScope="True"
+                    ItemsPanel="{Binding ItemsPanel, RelativeSource={RelativeSource TemplatedParent}}"
+                    RenderTransformOrigin="0.5,0">
+                    <ItemsPresenter.Transitions>
+                        <Transitions>
+                            <DoubleTransition Easing="QuadraticEaseIn" Property="Height" Duration="0.25" />
+                            <DoubleTransition Easing="QuadraticEaseOut" Property="Opacity" Duration="0.25" />
+                            <TransformOperationsTransition Easing="QuadraticEaseInOut" Property="RenderTransform" Duration="0.25" />
+                        </Transitions>
+                    </ItemsPresenter.Transitions>
+                </ItemsPresenter>
+                <LayoutTransformControl.Transitions>
                     <Transitions>
-                        <DoubleTransition Easing="QuadraticEaseIn" Property="Height" Duration="0.25" />
-                        <DoubleTransition Easing="QuadraticEaseOut" Property="Opacity" Duration="0.25" />
-                        <!-- <TransformOperationsTransition Easing="QuadraticEaseIn" Property="RenderTransform" Duration="0.25" /> -->
+                        <TransformOperationsTransition Easing="QuadraticEaseInOut" Property="LayoutTransform" Duration="0.15" Delay="0.1" />
                     </Transitions>
-                </ItemsPresenter.Transitions>
-            </ItemsPresenter>
+                </LayoutTransformControl.Transitions>
+            </LayoutTransformControl>
         </Grid>
     </ControlTemplate>
     <ControlTheme x:Key="{x:Type u:NavMenuItem}" TargetType="u:NavMenuItem">
@@ -159,7 +167,10 @@
         <Style Selector="^:vertical-collapsed /template/ ItemsPresenter#PART_ItemsPresenter">
             <Setter Property="Height" Value="0" />
             <Setter Property="Opacity" Value="0" />
-            <!-- <Setter Property="RenderTransform" Value="scale(1,0)" /> -->
+            <!--<Setter Property="RenderTransform" Value="scale(1,0.9)" />-->
+        </Style>
+        <Style Selector="^:vertical-collapsed /template/ LayoutTransformControl">
+            <Setter Property="LayoutTransform" Value="scale(1,0)" />
         </Style>
         <Style Selector="^:vertical-collapsed /template/ PathIcon#PART_ExpanderIcon">
             <Setter Property="RenderTransform" Value="rotate(180deg)" />