动画

Wpf_AiSportsMicrospace/Views/JumpRope/GroupJumpRope.xaml

@@ -4,19 +4,21 @@
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:local="clr-namespace:Wpf_AiSportsMicrospace.Views"
-        mc:Ignorable="d">
+        mc:Ignorable="d" Height="500" Width="800">
     <Grid  VerticalAlignment="Center">
         <Grid.Background>
             <ImageBrush ImageSource="/Resources/Img/Album/home_bg.png" Stretch="UniformToFill"/>
         </Grid.Background>
 
+        <Image x:Name="GifImage" Stretch="Uniform" Width="300" Height="300"/>
+
         <!-- 顶部图片 -->
-        <Image 
+        <!--<Image 
             Source="/Resources/Img/Album/title.png"
             HorizontalAlignment="Center"
             VerticalAlignment="Top"
             Width="615"
             Margin="0,100,0,0"
-            />
+            />-->
     </Grid>
 </UserControl>

Wpf_AiSportsMicrospace/Views/JumpRope/GroupJumpRope.xaml.cs

@@ -1,5 +1,6 @@
 using System;
 using System.Collections.Generic;
+using System.IO;
 using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
@@ -10,8 +11,8 @@ using System.Windows.Documents;
 using System.Windows.Input;
 using System.Windows.Media;
 using System.Windows.Media.Imaging;
-using System.Windows.Shapes;
 using Wpf_AiSportsMicrospace.Common;
+using WpfAnimatedGif;
 
 namespace Wpf_AiSportsMicrospace.Views
 {
@@ -23,6 +24,14 @@ namespace Wpf_AiSportsMicrospace.Views
         public GroupJumpRope()
         {
             InitializeComponent();
+
+            var image = new BitmapImage();
+            image.BeginInit();
+            image.UriSource = new Uri("../../Resources/Img/gif/1.gif", UriKind.Relative); // 替换成你的 GIF 路径
+            image.EndInit();
+
+            // 设置动画源
+            ImageBehavior.SetAnimatedSource(GifImage, image);
         }
     }
 }

Wpf_AiSportsMicrospace/Views/Main.xaml.cs

@@ -25,7 +25,7 @@ namespace Wpf_AiSportsMicrospace.Views
             InitializeComponent();
 
             // 默认显示首页
-            MainContent.Content = new Home();
+            MainContent.Content = new GroupJumpRope();
         }
         public void SwitchPage(UserControl newPage, bool fromRight)
         {

Wpf_AiSportsMicrospace/Wpf_AiSportsMicrospace.csproj

@@ -32,6 +32,9 @@
     <None Remove="Resources\Img\Badge\4.png" />
     <None Remove="Resources\Img\Badge\5.jpg" />
     <None Remove="Resources\Img\Badge\logo.png" />
+    <None Remove="Resources\Img\gif\1.gif" />
+    <None Remove="Resources\Img\gif\2.gif" />
+    <None Remove="Resources\Img\gif\3.gif" />
     <None Remove="Resources\Music\homeprojectselected.mp3" />
     <None Remove="Resources\Music\homeprojectselected1.mp3" />
     <None Remove="Resources\Music\musicjumprope.mp3" />
@@ -55,6 +58,7 @@
     <PackageReference Include="SkiaSharp" Version="3.119.0" />
     <PackageReference Include="System.Drawing.Common" Version="9.0.9" />
     <PackageReference Include="System.Speech" Version="9.0.9" />
+    <PackageReference Include="WpfAnimatedGif" Version="2.0.2" />
   </ItemGroup>
 
   <ItemGroup>
@@ -145,6 +149,15 @@
     <Resource Include="Resources\Img\Badge\5.jpg">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </Resource>
+    <Resource Include="Resources\Img\gif\1.gif">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Resource>
+    <Resource Include="Resources\Img\gif\2.gif">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Resource>
+    <Resource Include="Resources\Img\gif\3.gif">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Resource>
     <Resource Include="Resources\Music\homeprojectselected.mp3">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </Resource>