Wpf_AiSportsMicrospace/Wpf_AiSportsMicrospace/Views/JumpRope/MusicJumpRope.xaml

<UserControl x:Class="Wpf_AiSportsMicrospace.Views.JumpRope.MusicJumpRope"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Wpf_AiSportsMicrospace.MyUserControl"
             mc:Ignorable="d" 
             xmlns:gif="http://wpfanimatedgif.codeplex.com"
             Height="1080" Width="1920" Loaded="UserControl_Loaded" Unloaded="UserControl_Unloaded">
    <Grid>
        <Grid.Background>
            <ImageBrush ImageSource="/Resources/Img/play_img/music_rope/play_bg.jpg" Stretch="UniformToFill"/>
        </Grid.Background>
        <Image 
              Source="/Resources/Img/play_img/music_rope/title.png"
              HorizontalAlignment="Center"
              VerticalAlignment="Top"
              Width="905"
              Margin="0,50,0,0"
              MouseDown="Image_MouseDown"
              />


        <!--倒计时-->
        <Grid Width="260" Height="130" VerticalAlignment="Top" HorizontalAlignment="Center" Margin="00,830,00,0" Visibility="Visible" x:Name="countdownGrid">
            <Border Background="#9e4ff9" HorizontalAlignment="Stretch"  VerticalAlignment="Stretch" Opacity="0.5" CornerRadius="30"  />
            <TextBlock x:Name="countdownText"
                  Text="100"
                  FontSize="120"
                  FontWeight="Bold"
                  Foreground="#fff"
                  FontStyle="Italic"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center"
                  Margin="0,10,10,0"
                  TextAlignment="Center"
                  />
        </Grid>

        <!--进度条-->
        <Grid VerticalAlignment="Top" HorizontalAlignment="Center" Margin="0,155,0,0">
            <TextBlock x:Name="score1" Text="0" FontSize="70" FontWeight="UltraBold" FontStyle="Italic"  Foreground="#fff" Margin="-220,15" TextAlignment="Center" HorizontalAlignment="Left" Width="200" />
            <TextBlock x:Name="score2" Text="0" FontSize="70" FontWeight="UltraBold" FontStyle="Italic"  Foreground="#fff" Margin="-220,15" TextAlignment="Center" HorizontalAlignment="Right" Width="200" />
            <local:WxProgressBar x:Name="PkBar"/>
        </Grid>


        <Image 
          Source="/Resources/Img/play_img/music_rope/vs.png"
          HorizontalAlignment="Center"
          Width="242"
          Margin="0,0,0,0"
          />

        <!--滚动条-->
        <local:PopSilder x:Name="popSilder1" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="154,0,0,60"/>
        <local:PopSilder x:Name="popSilder2" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,154,60"/>

        <Grid Opacity="0.5">
            <Image 
                gif:ImageBehavior.AnimatedSource="/Resources/Img/play_img/music_rope/bg_mic.gif"
                gif:ImageBehavior.AutoStart="False"
                HorizontalAlignment="Left"
                VerticalAlignment="Top"
                Width="600"
                Margin="0,500,0,0"
                x:Name="leftm"
               />
            <Image 
                gif:ImageBehavior.AnimatedSource="/Resources/Img/play_img/music_rope/bg_mic.gif"
                gif:ImageBehavior.AutoStart="False"
                HorizontalAlignment="Right"
                VerticalAlignment="Top"
                Width="600"
                Margin="0,500,-565,0"
                x:Name="rightm"
               >
                <Image.RenderTransform>
                    <ScaleTransform ScaleX="-1" ScaleY="1" CenterX="15" CenterY="25"/>
                </Image.RenderTransform>
            </Image>
        </Grid>
        <Grid Height="1080" Width="1920" x:Name="userBox">

        </Grid>
        <!--排行榜-->
        <Grid  x:Name="RankingGrid" Margin="0,0,0,0"  Height="1080" Width="1920" Visibility="Hidden">
            <Border Background="#1e1e1e" Opacity="0.8"></Border>

            <Image x:Name="lose1" Visibility="Visible" Source="/Resources/Img/play_img/music_rope/lose.png" HorizontalAlignment="Left" VerticalAlignment="Center" Width="861" Height="662" Margin="982,0,0,0"/>
            <Image x:Name="lose2" Visibility="Visible" Source="/Resources/Img/play_img/music_rope/lose.png" HorizontalAlignment="Left" VerticalAlignment="Center" Width="861" Height="662" Margin="982,0,0,0"/>
            <Image x:Name="lose3" Visibility="Visible" Source="/Resources/Img/play_img/music_rope/lose.png" HorizontalAlignment="Left" VerticalAlignment="Center" Width="861" Height="662" Margin="982,0,0,0"/>

            <Image x:Name="win1" Source="/Resources/Img/play_img/music_rope/win.png" HorizontalAlignment="Left" VerticalAlignment="Top" Width="861" Margin="60,-123,0,0"/>
            <Image x:Name="win2" Source="/Resources/Img/play_img/music_rope/win.png" HorizontalAlignment="Left" VerticalAlignment="Top" Width="861" Margin="60,-123,0,0"/>
            <Image x:Name="win3" Visibility="Hidden" Source="/Resources/Img/play_img/music_rope/win.png" HorizontalAlignment="Left" VerticalAlignment="Top" Width="861" Margin="982,-123,0,0"/>
            <Image x:Name="win4" Visibility="Hidden" Source="/Resources/Img/play_img/music_rope/win.png" HorizontalAlignment="Left" VerticalAlignment="Top" Width="861" Margin="982,-123,0,0"/>

            <TextBlock x:Name="text1" Text="WIN" FontSize="100" FontWeight="UltraBold" FontStyle="Italic"  Foreground="#fdcb50" Margin="206,433,0,0" TextAlignment="Center" HorizontalAlignment="Left" Width="230" />
            <TextBlock x:Name="text2" Text="LOSE" FontSize="100" FontWeight="UltraBold" FontStyle="Italic"  Foreground="#7987a2" Margin="1114,427,0,0" TextAlignment="Center" HorizontalAlignment="Left" Width="254" />

            <TextBlock x:Name="score3" Text="1000" FontSize="100" FontWeight="UltraBold" FontStyle="Italic"  Foreground="#fff" Margin="206,558,0,0" TextAlignment="Center" HorizontalAlignment="Left" Width="246" />
            <TextBlock x:Name="score4" Text="1000" FontSize="100" FontWeight="UltraBold" FontStyle="Italic"  Foreground="#fff" Margin="0,540,552,0" TextAlignment="Center" HorizontalAlignment="Right" Width="250" />
            <Image Source="/Resources/Img/play_img/music_rope/back.png" HorizontalAlignment="Left" VerticalAlignment="Top" Width="860" Margin="552,125,0,0" />


            <Grid Margin="0,0,0,60" VerticalAlignment="Bottom" Height="182" Width="340" >
                <Image 
                    Source="/Resources/Img/Album/change_left.png"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    Width="330"
                    Margin="0,103,0,0"
                    />
                <Image 
                 gif:ImageBehavior.AnimatedSource="/Resources/Img/Album/3.gif"
                 gif:ImageBehavior.RepeatBehavior="Forever"
                    gif:ImageBehavior.AnimateInDesignMode="True"
                  HorizontalAlignment="Left"
                  VerticalAlignment="Top"
                  Margin="-20,10,30,20"
                    />
            </Grid>
        </Grid>
    </Grid>
</UserControl>