add: 页面切换效果

Author: chenxuuu

llcomNext/LLCOM/ViewModels/DataViews/PacketDataViewModel.cs

@@ -23,7 +23,7 @@ public PacketDataViewModel(Func<Type, ViewModelBase> getService)
     private ObservableCollection<PacketData> _packetData =         [
         new PacketData([0x30, 0x31, 0x32, 0x33], MessageWay.Send, "串口1"),
         new PacketData([0x30, 0x31, 0x32, 0x33], MessageWay.Receive, "串口1"),
-        new PacketData([0x30, 0x31, 0x32, 0x33], MessageWay.Unknown, "串口1"),
+        new PacketData("已连接"u8.ToArray(), MessageWay.Unknown, "MQTT1"),
         new PacketData([0x30, 0x31, 0x32, 0x33], MessageWay.Receive, "串口1"),
         new PacketData([0x30, 0x31, 0x32, 0x33], MessageWay.Send, "串口1"),
         new PacketData([0x30, 0x31, 0x32, 0x33], MessageWay.Receive, "串口1"),

llcomNext/LLCOM/Views/MainView.axaml

@@ -76,7 +76,15 @@
                 </Panel>
             </Panel>
         </Border>
-        <UserControl Grid.Column="1" Content="{Binding CurrentPage}" />
+        <TransitioningContentControl Grid.Column="1" Content="{Binding CurrentPage}">
+            <TransitioningContentControl.PageTransition>
+                <PageSlide
+                    Orientation="Vertical"
+                    SlideInEasing="ExponentialEaseInOut"
+                    SlideOutEasing="ExponentialEaseInOut"
+                    Duration="0:00:00.2" />
+            </TransitioningContentControl.PageTransition>
+        </TransitioningContentControl>
         <GridSplitter Grid.Column="2" ResizeDirection="Columns" />
         <Grid Grid.Column="3" RowDefinitions="Auto,*">
             <Border BorderBrush="{DynamicResource SemiColorBorder}" BorderThickness="0,0,0,1">
@@ -123,7 +131,15 @@
                     </Button>
                 </StackPanel>
             </Border>
-            <UserControl Grid.Row="1" Content="{Binding CurrentDataPage}" />
+            <TransitioningContentControl Grid.Row="1" Content="{Binding CurrentDataPage}">
+                <TransitioningContentControl.PageTransition>
+                    <PageSlide
+                        Orientation="Horizontal"
+                        SlideInEasing="ExponentialEaseInOut"
+                        SlideOutEasing="ExponentialEaseInOut"
+                        Duration="0:00:00.2" />
+                </TransitioningContentControl.PageTransition>
+            </TransitioningContentControl>
         </Grid>
     </Grid>
 </UserControl>