From cf79993d4ad7710c66a86b2c610cc41d35f1d482 Mon Sep 17 00:00:00 2001
From: Zhang Dian <54255897+zdpcdt@users.noreply.github.com>
Date: Fri, 25 Apr 2025 15:32:35 +0800
Subject: [PATCH] feat: optimize demo.

---
 .../Pages/SplitViewDemo.axaml                 | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/demo/Semi.Avalonia.Demo/Pages/SplitViewDemo.axaml b/demo/Semi.Avalonia.Demo/Pages/SplitViewDemo.axaml
index c662bf2..528ab8b 100644
--- a/demo/Semi.Avalonia.Demo/Pages/SplitViewDemo.axaml
+++ b/demo/Semi.Avalonia.Demo/Pages/SplitViewDemo.axaml
@@ -86,7 +86,7 @@
                         BorderThickness="1">
                         <SplitView
                             Name="SplitView"
-                            IsPaneOpen="{Binding #PaneOpenButton.IsChecked}"
+                            IsPaneOpen="{Binding #PaneOpenButton.IsChecked,Mode=TwoWay}"
                             UseLightDismissOverlayMode="{Binding #UseLightDismissOverlayModeButton.IsChecked}"
                             PanePlacement="{Binding #PanePlacementButton.IsChecked}"
                             DisplayMode="{Binding #DisplayModeSelector.SelectedItem}"
@@ -184,8 +184,9 @@
                         BorderBrush="{DynamicResource SemiGrey1}"
                         BorderThickness="1">
                         <SplitView
+                            Name="SplitView2"
                             Theme="{DynamicResource VerticalSplitView}"
-                            IsPaneOpen="{Binding #PaneOpenButton.IsChecked}"
+                            IsPaneOpen="{Binding #PaneOpenButton.IsChecked,Mode=TwoWay}"
                             UseLightDismissOverlayMode="{Binding #UseLightDismissOverlayModeButton.IsChecked}"
                             PanePlacement="{Binding #PanePlacementButton.IsChecked}"
                             DisplayMode="{Binding #DisplayModeSelector.SelectedItem}"
@@ -198,28 +199,28 @@
                                 </LinearGradientBrush>
                             </SplitView.Background>
                             <SplitView.Pane>
-                                <Grid RowDefinitions="Auto,*,Auto">
-                                    <TextBlock
+                                <Grid RowDefinitions="Auto,Auto,*">
+                                    <ToggleSwitch
                                         Grid.Row="0"
+                                        Theme="{DynamicResource IconBorderlessToggleSwitch}"
+                                        Content="{StaticResource SemiIconSidebar}"
+                                        HorizontalAlignment="Left"
+                                        IsChecked="{Binding #SplitView2.IsPaneOpen}">
+                                    </ToggleSwitch>
+                                    <TextBlock
+                                        Grid.Row="1"
                                         Margin="8,12"
                                         FontWeight="Bold"
                                         Text="Playlist" />
                                     <ListBox
-                                        Grid.Row="1"
-                                        ItemsSource="{Binding Songs}" />
-                                    <ToggleSwitch
                                         Grid.Row="2"
-                                        Theme="{DynamicResource IconBorderlessToggleSwitch}"
-                                        Content="{StaticResource SemiIconSidebar}"
-                                        HorizontalAlignment="Left"
-                                        IsChecked="{Binding #SplitView.IsPaneOpen}">
-                                    </ToggleSwitch>
+                                        ItemsSource="{Binding Songs}" />
                                 </Grid>
                             </SplitView.Pane>
 
                             <Panel>
                                 <Panel.Styles>
-                                    <Style Selector="Image#AlbumCover">
+                                    <Style Selector="Image#AlbumCover2">
                                         <Style.Animations>
                                             <Animation IterationCount="Infinite" Duration="0:0:40">
                                                 <KeyFrame Cue="0%">
@@ -234,6 +235,7 @@
                                 </Panel.Styles>
                                 <Image
                                     Source="/Assets/WORLD.png"
+                                    Name="AlbumCover2"
                                     Width="200"
                                     Height="200" />
                                 <Arc