<Border x:Class="SparkClient.Views.BaseWindow.HomeWindow"
        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:hc="https://handyorg.github.io/handycontrol"
        xmlns:local="clr-namespace:SparkClient.Views.BaseWindow"
        xmlns:baseWindow="clr-namespace:SparkClient.ViewModel.BaseWindow"
        mc:Ignorable="d" 
        Loaded="HomeWindow_OnLoaded"
        >
    <!-- Height="450" Width="800" -->
    <Border.Resources>
        <!-- 定义一个缩放变换,用于按钮的放大缩小 -->
        <ScaleTransform x:Key="ButtonScaleTransform" ScaleX="1" ScaleY="1" x:Shared="False" />

        <!-- 鼠标移入的放大动画 -->
        <Storyboard x:Key="MouseEnterStoryboard">
            <!-- 放大ScaleX -->
            <DoubleAnimation
                From="1" To="1.1"
                Duration="0:0:0.3"
                Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)">
                <DoubleAnimation.EasingFunction>
                    <CubicEase EasingMode="EaseOut"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
            <!-- 放大ScaleY -->
            <DoubleAnimation
                From="1" To="1.1"
                Duration="0:0:0.3"
                Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)">
                <DoubleAnimation.EasingFunction>
                    <CubicEase EasingMode="EaseOut"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <!-- 鼠标移出的缩小动画 -->
        <Storyboard x:Key="MouseLeaveStoryboard">
            <!-- 缩回ScaleX -->
            <DoubleAnimation
                From="1.1" To="1"
                Duration="0:0:0.3"
                Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)">
                <DoubleAnimation.EasingFunction>
                    <CubicEase EasingMode="EaseOut"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
            <!-- 缩回ScaleY -->
            <DoubleAnimation
                From="1.1" To="1"
                Duration="0:0:0.3"
                Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)">
                <DoubleAnimation.EasingFunction>
                    <CubicEase EasingMode="EaseOut"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
        
        <Style x:Key="CloseHoverImageStyle" TargetType="Image">
            <!-- 默认图片 -->
            <Setter Property="Source" Value="pack://application:,,,/Resource/Images/UIResource/01-4.png"/>
            
            <Style.Triggers>
                <!-- DataTrigger: 当父级Border的IsMouseOver=True时,切换图片Source -->
                <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType=Border}}" Value="True">
                    <Setter Property="Source" Value="pack://application:,,,/Resource/Images/UIResource/01-4-1.png"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
        <Style x:Key="MiniszieHoverImageStyle" TargetType="Image">
            <!-- 默认图片 -->
            <Setter Property="Source" Value="pack://application:,,,/Resource/Images/UIResource/01-3.png"/>
            
            <Style.Triggers>
                <!-- DataTrigger: 当父级Border的IsMouseOver=True时,切换图片Source -->
                <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType=Border}}" Value="True">
                    <Setter Property="Source" Value="pack://application:,,,/Resource/Images/UIResource/02-2.png"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Border.Resources>
    <Border.Background>
        <ImageBrush ImageSource="pack://application:,,,/Resource/Images/UIResource/01-bg.jpg" Stretch="UniformToFill" />
    </Border.Background>
    
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="100"/>
            <RowDefinition />
        </Grid.RowDefinitions>
        
         <Grid Grid.Row="0" Height="100" VerticalAlignment="Top" MouseLeftButtonDown="UIElement_OnMouseLeftButtonDown">
            <!-- 顶部布局 -->
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
        
            <Grid Grid.Column="0" Margin="20 0 5 0" Width="100">
                <Grid.RowDefinitions>
                    <RowDefinition Height="3*"/>
                    <RowDefinition Height="2*"/>
                </Grid.RowDefinitions>
                <Image Grid.Row="0" Source="../../Resource/Images/icon_200.png"
                       Width="80" Height="80"
                       VerticalAlignment="Center" HorizontalAlignment="Center"  />
                
                <TextBlock Grid.Row="1" Text="{DynamicResource ProcName}" Width="100"
                           VerticalAlignment="Center" FontWeight="Bold"
                           HorizontalAlignment="Left" FontSize="28" 
                           TextAlignment="Center">
                    <TextBlock.Foreground>
                        <LinearGradientBrush StartPoint="1,0" EndPoint="1,1">
                            <GradientStop Color="#11ceff" Offset="0" />
                            <GradientStop Color="#0a699f" Offset="1" />
                        </LinearGradientBrush>
                    </TextBlock.Foreground>
                </TextBlock>
            </Grid>
            <!-- 首位元素:图标 -->
            <!-- <Image Grid.Column="0" Source="../../Resource/Images/icon_200.png" -->
            <!--        Width="100" Height="100" -->
            <!--        VerticalAlignment="Center" HorizontalAlignment="Center" Margin="20 10 5 0" /> -->
        
            <!-- 次位元素:标题 -->
            <!-- <TextBlock Grid.Column="1" Text="{DynamicResource ProcName}" -->
            <!--            VerticalAlignment="Center" FontWeight="Bold" -->
            <!--            HorizontalAlignment="Left" FontSize="20" > -->
            <!--     <TextBlock.Foreground> -->
            <!--         <LinearGradientBrush StartPoint="1,0" EndPoint="1,1"> -->
            <!--             <GradientStop Color="#11ceff" Offset="0" /> -->
            <!--             <GradientStop Color="#0a699f" Offset="1" /> -->
            <!--         </LinearGradientBrush> -->
            <!--     </TextBlock.Foreground> -->
            <!-- </TextBlock> -->
            <!-- 末位元素:操作按钮 -->
            <Grid Grid.Column="2" Width="260" HorizontalAlignment="Right">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                <!-- 最小化 -->
                <Button Grid.Column="2"   BorderBrush="Transparent" Background="Transparent"
                        Padding="0" Height="40" BorderThickness="0" FocusVisualStyle="{x:Null}">
                    <Border Grid.Column="2"
                            Width="40" Height="40"
                            HorizontalAlignment="Center" VerticalAlignment="Center"
                            Background="Transparent"
                          
                            MouseLeftButtonDown="Minimize_Click">
                        <Image Style="{StaticResource MiniszieHoverImageStyle}" Height="40"></Image>
                    </Border>
                </Button>
              
                <!-- 关闭 -->
                <Border Grid.Column="3"
                        Width="40" Height="40"
                        HorizontalAlignment="Center" VerticalAlignment="Center"
                        Background="Transparent"
                        Margin="30 0 "
                        MouseLeftButtonDown="Close_Click">
                    <Image Style="{StaticResource CloseHoverImageStyle}" Height="40"></Image>
                </Border>
            </Grid>
        </Grid>
        
        <Grid Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            <!-- 左侧占位 -->
            <Grid Grid.Column="0"></Grid>

            <!-- 右侧主内容 -->
            <Grid Grid.Column="1" VerticalAlignment="Center">
                <Grid.RowDefinitions>
                    <!-- 第一排 -->
                    <RowDefinition Height="8*" /> 
                    <RowDefinition Height="20" /> 
                    <!-- 第二排 -->
                    <RowDefinition Height="5*" /> 
                </Grid.RowDefinitions>

                <!-- 第一排按钮 -->
                <Button Grid.Row="0" Height="260" Width="500"  BorderBrush="Transparent" 
                        Padding="0" FocusVisualStyle="{x:Null}" 
                        RenderTransformOrigin="0.5,0.5"
                        RenderTransform="{StaticResource ButtonScaleTransform}"
                        Command="{Binding ShowDiamondSelPageCommand}">
                    <Button.Background>
                        <ImageBrush  ImageSource="../../Resource/Images/UIResource/01-5.png"/>
                    </Button.Background>
                    <Button.Triggers>
                        <EventTrigger RoutedEvent="UIElement.MouseEnter">
                            <BeginStoryboard Storyboard="{StaticResource MouseEnterStoryboard}" />
                        </EventTrigger>
                        <EventTrigger RoutedEvent="UIElement.MouseLeave">
                            <BeginStoryboard Storyboard="{StaticResource MouseLeaveStoryboard}" />
                        </EventTrigger>
                    </Button.Triggers>
                    
                    <Grid Width="450">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="1*"/>
                            <ColumnDefinition Width="2*"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="4*"/>
                            <RowDefinition Height="2*"/>
                        </Grid.RowDefinitions>
                        <TextBlock Grid.Column="1" Grid.Row="0" Foreground="Azure" FontWeight="Bold" FontSize="46" 
                                   TextAlignment="Center"
                                   Text="{StaticResource StartTest}"/>
                        <TextBlock Grid.Column="1" Grid.Row="1" Foreground="Azure" FontWeight="Bold" FontSize="26" 
                                   TextAlignment="Center"
                                   Text="{StaticResource StartTestFan}"/>
                    </Grid>
                </Button>
            

                <!-- 第二排两个按钮 -->
                <Grid Grid.Row="2" Width="500">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="20" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    
                    <Button Grid.Column="0"  Height="150" Width="240"  BorderBrush="Transparent" 
                            Padding="0" FocusVisualStyle="{x:Null}"
                            RenderTransformOrigin="0.5,0.5"
                            RenderTransform="{StaticResource ButtonScaleTransform}"
                            Command="{Binding ShowConfigPageCommand}">
                        <Button.Background>
                            <ImageBrush Stretch="Uniform"  ImageSource="../../Resource/Images/UIResource/01-6.png"/>
                        </Button.Background>
                        <Button.Triggers>
                            <EventTrigger RoutedEvent="UIElement.MouseEnter">
                                <BeginStoryboard Storyboard="{StaticResource MouseEnterStoryboard}" />
                            </EventTrigger>
                            <EventTrigger RoutedEvent="UIElement.MouseLeave">
                                <BeginStoryboard Storyboard="{StaticResource MouseLeaveStoryboard}" />
                            </EventTrigger>
                        </Button.Triggers>
                        
                        <Grid Width="240">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="1*"/>
                                <ColumnDefinition Width="2*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="4*"/>
                                <RowDefinition Height="2*"/>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Column="1" Grid.Row="0" Foreground="Azure" FontWeight="Bold" FontSize="42" 
                                       TextAlignment="Center"
                                       Text="{StaticResource Config}"/>
                            <TextBlock Grid.Column="1" Grid.Row="1" Foreground="Azure" FontWeight="Bold" FontSize="22" 
                                       TextAlignment="Center"
                                       Text="{StaticResource ConfigFan}"/>
                        </Grid>
                    </Button>
                
                    <Button Grid.Column="2"  Height="150" Width="240"  BorderBrush="Transparent" 
                            Padding="0" FocusVisualStyle="{x:Null}"
                            RenderTransformOrigin="0.5,0.5"
                            RenderTransform="{StaticResource ButtonScaleTransform}"
                            Command="{Binding ShowHelperPageCommand}">
                        <Button.Background>
                            <ImageBrush Stretch="Uniform"  ImageSource="../../Resource/Images/UIResource/01-7.png"/>
                        </Button.Background>
                        <Button.Triggers>
                            <EventTrigger RoutedEvent="UIElement.MouseEnter">
                                <BeginStoryboard Storyboard="{StaticResource MouseEnterStoryboard}" />
                            </EventTrigger>
                            <EventTrigger RoutedEvent="UIElement.MouseLeave">
                                <BeginStoryboard Storyboard="{StaticResource MouseLeaveStoryboard}" />
                            </EventTrigger>
                        </Button.Triggers>
                        
                        <Grid Width="240">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="1*"/>
                                <ColumnDefinition Width="2*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="4*"/>
                                <RowDefinition Height="2*"/>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Column="1" Grid.Row="0" Foreground="Azure" FontWeight="Bold" FontSize="42" 
                                       TextAlignment="Center"
                                       Text="{StaticResource Help}"/>
                            <TextBlock Grid.Column="1" Grid.Row="1" Foreground="Azure" FontWeight="Bold" FontSize="22" 
                                       TextAlignment="Center"
                                       Text="{StaticResource HelpFan}"/>
                        </Grid>
                    </Button>
                </Grid>
            </Grid>
        </Grid>
       <!-- <Button Click="ButtonBase_OnClick">TEST BTN 1</Button> -->
    </Grid>

</Border>