Wpf_AiSportsMicrospace/Wpf_AiSportsMicrospace/Views/Home.xaml

<UserControl x:Class="Wpf_AiSportsMicrospace.Home"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="clr-namespace:Wpf_AiSportsMicrospace.MyUserControl"
      xmlns:gif="http://wpfanimatedgif.codeplex.com"
      xmlns:hc="https://handyorg.github.io/handycontrol"
       Height="1080" Width="1920" Loaded="Window_Loaded" Unloaded="Home_Unloaded">
    <Grid VerticalAlignment="Bottom">
        <Grid.Background>
            <ImageBrush ImageSource="/Resources/Img/Album/home_bg.png" Stretch="UniformToFill"/>
        </Grid.Background>
        <!-- 顶部图片 -->
        <Image 
               Source="/Resources/Img/Album/title.png"
               HorizontalAlignment="Center"
               VerticalAlignment="Top"
               Width="615"
               Margin="0,50,0,0"
            MouseDown="Image_MouseDown"
               />

        <!-- CoverFlowControl，距离图片80 -->
        <local:CoverFlowControl 
               x:Name="coverFlow"
               HorizontalAlignment="Center"
               VerticalAlignment="Top"
               Height="900"
               Width="1920"
               Margin="0,180,0,0"
               Padding="0,100"
               />
        <Grid Margin="314,833,214,0" VerticalAlignment="Top" Height="182">
            <Image 
                   Source="/Resources/Img/Album/change_back.png"
                   MouseDown="GoNew"
                   HorizontalAlignment="Left"
                   VerticalAlignment="Top"
                   Width="330"
                   Margin="0,100,0,0"
                   />
            <Image 
                gif:ImageBehavior.AnimatedSource="/Resources/Img/Album/2.gif"
                gif:ImageBehavior.RepeatBehavior="Forever"
                 HorizontalAlignment="Left"
                 VerticalAlignment="Top"
                 Margin="-20,10,30,20"
                   />

            <Image 
                   Source="/Resources/Img/Album/change_right.png"
                   HorizontalAlignment="right"
                   VerticalAlignment="Top"
                   Width="330"
                   Height="400"
                   Margin="0,100,0,0"
                   MouseDown="GoPro"
                   />
            <Image 
               gif:ImageBehavior.AnimatedSource="/Resources/Img/Album/1.gif"
               gif:ImageBehavior.RepeatBehavior="Forever"
               HorizontalAlignment="right"
               VerticalAlignment="Top" 
             Margin="50,10,200,20"
               />



        </Grid>
        <Image 
           gif:ImageBehavior.AnimatedSource="/Resources/Img/Album/leight.gif"
           gif:ImageBehavior.RepeatBehavior="Forever"
           gif:ImageBehavior.AnimateInDesignMode="True"
           VerticalAlignment="Top" 
            Margin="20,80,0,0"
            Width="880"
           />


        <!-- 隐藏的管理员触发按钮（右上角）-->
        <Button x:Name="HiddenAdminButton"
                Width="60" Height="60"
                HorizontalAlignment="Right"
                VerticalAlignment="Top"
                Margin="0,10,10,0"
                Opacity="0"
                Background="Transparent"
                BorderThickness="0"
                Click="HiddenAdminButton_Click"
                Focusable="False"
                />

        <!-- 密码弹窗 -->
        <Grid x:Name="AdminDialogGrid" Visibility="Hidden" Background="#80000000">
            <Border CornerRadius="10" Width="420" Height="130"  Background="#FFF">
                <Grid HorizontalAlignment="Center" hc:BorderElement.CornerRadius="10" VerticalAlignment="Center" Width="420" Height="130" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>

                    <TextBlock Text="请输入管理员密码：" FontSize="16" Margin="12" Grid.Row="0"/>
                    <hc:PasswordBox x:Name="AdminPasswordBox" Grid.Row="1" Margin="12,4,12,0" FontSize="16" KeyDown="AdminPasswordBox_KeyDown"/>
                    <StackPanel Grid.Row="2" Orientation="Horizontal" HorizontalAlignment="Right" Margin="12">
                        <RadioButton Style="{DynamicResource RadioGroupItemSingle}" Content="取消" x:Name="AdminCancelButton"  Click="AdminCancelButton_Click" />
                        <RadioButton Margin="10,0"  Style="{StaticResource RadioButtonSameAsButtonPrimary}" Content="确定"  x:Name="AdminOkButton" Click="AdminOkButton_Click"/>
                    </StackPanel>
                </Grid>
            </Border>
        </Grid>

        <!-- 密码弹窗 -->
        <Grid x:Name="SetDialogGrid" Visibility="Hidden" Background="#80000000">
            <Border CornerRadius="10" Width="420" Height="530"  Background="#FFF">
                <Grid HorizontalAlignment="Center"  hc:BorderElement.CornerRadius="10" VerticalAlignment="Top" Width="420"  >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>

                    <TextBlock Text="摄像头配置" FontSize="18" Margin="12,20,0,0" FontWeight="Bold" Grid.Row="0"/>
                    <TextBlock Text="*重新配置摄像头后请ping测试通过再保存" FontSize="10" Margin="30,54,10,5"  Foreground="red" Grid.RowSpan="1"/>
                    <hc:TextBox hc:InfoElement.TitlePlacement="Left"  hc:InfoElement.Title="摄像头IP:" Width="400" Text="172.17.30.64"  Grid.Row="2" x:Name="host" />
                    <hc:TextBox hc:InfoElement.TitlePlacement="Left" hc:InfoElement.Title="账号:" Width="400" Text="admin"  Grid.Row="3" Margin="0,15"  x:Name="name"/>
                    <hc:TextBox hc:InfoElement.TitlePlacement="Left" hc:InfoElement.Title="密码:" Width="400" Text="yd708090"  Grid.Row="4" x:Name="password" />
                    <StackPanel Grid.Row="9" Orientation="Horizontal" HorizontalAlignment="Right" Margin="12,20,0,0">
                        <RadioButton Margin="0,0,220,0" Style="{DynamicResource RadioButtonSameAsButtonPrimary}" Content="Ping"   Click="Ping_Click" />
                        <RadioButton Style="{DynamicResource RadioGroupItemSingle}" Content="取消" x:Name="SetCancelButton"  Click="SetCancelButton_Click" />
                        <RadioButton Margin="10,0,20,0"  Style="{StaticResource RadioButtonSameAsButtonPrimary}" Content="保存" Foreground="#fff"  x:Name="SetOkButton1" Click="SetOkButton_Click"/>
                    </StackPanel>
                    
                    <TextBlock Text="基础配置" FontSize="18" Margin="12,30,0,0" FontWeight="Bold" Grid.Row="7"/>
                    <hc:TextBox hc:InfoElement.TitlePlacement="Left" hc:InfoElement.Title="多人跳绳点位数量:" Width="400" Text="5"  Grid.Row="8" x:Name="homeWidth" />


                    <TextBlock Text="其他配置" FontSize="18" Margin="12,40,0,0" FontWeight="Bold" Grid.Row="10"/>
                    <StackPanel Grid.Row="11" Orientation="Horizontal" HorizontalAlignment="Center" Margin="12">
                        <RadioButton Style="{DynamicResource RadioButtonSameAsButtonPrimary}"  Foreground="#fff" Content="多人跳绳"  Click="GoRopeSet" />
                        <RadioButton Margin="30,0,0,0"  Style="{StaticResource RadioButtonSameAsButtonPrimary}"  Foreground="#fff" Content="立定跳远"   Click="GoLongSet"/>
                    </StackPanel>
                </Grid>
            </Border>
        </Grid>
    </Grid>
</UserControl>