MainWindow.xaml

<Window x:Class="PotoView.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:shell="clr-namespace:System.Windows.Shell;assembly=PresentationFramework"
        xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
        mc:Ignorable="d"
        Icon="Assets/PotoView.ico"
        Title="PotoView"
        Width="1280" Height="800" MinWidth="360" MinHeight="220"
        WindowStartupLocation="CenterScreen"
        WindowStyle="None" ResizeMode="CanResize" AllowsTransparency="False"
        Background="{StaticResource AppBackgroundBrush}"
        Foreground="{StaticResource TextPrimaryBrush}"
        FontFamily="Segoe UI Variable Text, Segoe UI"
        UseLayoutRounding="True" SnapsToDevicePixels="True"
        AllowDrop="True"
        Loaded="Window_Loaded" Closing="Window_Closing"
        DpiChanged="Window_DpiChanged"
        PreviewKeyDown="Window_PreviewKeyDown"
        PreviewDragOver="Window_PreviewDragOver" Drop="Window_Drop">
    <shell:WindowChrome.WindowChrome>
        <shell:WindowChrome CaptionHeight="0" ResizeBorderThickness="8"
                            CornerRadius="0" GlassFrameThickness="0"
                            UseAeroCaptionButtons="False" />
    </shell:WindowChrome.WindowChrome>

    <Grid x:Name="RootGrid">
        <Grid x:Name="Viewport" Margin="1" ClipToBounds="True"
              Background="{StaticResource CheckerboardBrush}"
              MouseWheel="Viewport_MouseWheel"
              MouseLeftButtonDown="Viewport_MouseLeftButtonDown"
              MouseLeftButtonUp="Viewport_MouseLeftButtonUp"
              MouseMove="Viewport_MouseMove"
              MouseLeave="Viewport_MouseLeave"
              SizeChanged="Viewport_SizeChanged">
            <Canvas x:Name="ImageCanvas" IsHitTestVisible="False">
                <Image x:Name="ViewerImage"
                       Stretch="Fill" Visibility="Hidden"
                       RenderOptions.BitmapScalingMode="HighQuality"
                       RenderOptions.EdgeMode="Unspecified"
                       SnapsToDevicePixels="True"
                       RenderTransformOrigin="0,0">
                    <Image.RenderTransform>
                        <MatrixTransform x:Name="ImageMatrix" />
                    </Image.RenderTransform>
                </Image>
            </Canvas>

            <StackPanel x:Name="EmptyState" HorizontalAlignment="Center" VerticalAlignment="Center">
                <Image x:Name="EmptyLogo" Width="64" Height="64" HorizontalAlignment="Center"
                       Stretch="Uniform" Source="Assets/PotoView-logo-novel.png" />
                <TextBlock x:Name="EmptyTitle" Text="PotoView" HorizontalAlignment="Center" Margin="0,17,0,14"
                           FontSize="22" FontWeight="SemiBold" />
                <Button Style="{StaticResource PrimaryButtonStyle}" Click="OpenButton_Click">
                    <StackPanel Orientation="Horizontal">
                        <iconPacks:PackIconLucide Kind="FolderOpen" Width="16" Height="16" Margin="0,0,8,0"
                                                   Foreground="#08100D" />
                        <TextBlock Text="打开图片" VerticalAlignment="Center" />
                    </StackPanel>
                </Button>
            </StackPanel>

            <Grid x:Name="LoadingOverlay" Visibility="Collapsed" Background="#790B0D0F">
                <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Width="148">
                    <TextBlock Text="正在解码" HorizontalAlignment="Center" Margin="0,0,0,12"
                               Foreground="{StaticResource TextSecondaryBrush}" FontSize="13" />
                    <ProgressBar Height="3" IsIndeterminate="True" Foreground="{StaticResource AccentBrush}" />
                </StackPanel>
            </Grid>

            <Button x:Name="PreviousButton" Style="{StaticResource NavButtonStyle}"
                    HorizontalAlignment="Left" VerticalAlignment="Center" Margin="14,0,0,0"
                    Visibility="Collapsed" Click="PreviousButton_Click" ToolTip="上一张 (←)"
                    AutomationProperties.Name="上一张">
                <iconPacks:PackIconLucide Kind="ChevronLeft" Width="20" Height="20" />
            </Button>
            <Button x:Name="NextButton" Style="{StaticResource NavButtonStyle}"
                    HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0,0,14,0"
                    Visibility="Collapsed" Click="NextButton_Click" ToolTip="下一张 (→)"
                    AutomationProperties.Name="下一张">
                <iconPacks:PackIconLucide Kind="ChevronRight" Width="20" Height="20" />
            </Button>
        </Grid>

        <Border x:Name="TopChrome" Height="48" VerticalAlignment="Top" Panel.ZIndex="20"
                Background="{StaticResource ChromeBackgroundBrush}"
                BorderBrush="{StaticResource BorderBrush}" BorderThickness="0,0,0,1"
                MouseLeftButtonDown="TitleBar_MouseLeftButtonDown">
            <Grid Margin="5,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="260" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="222" />
                </Grid.ColumnDefinitions>

                <Grid Grid.Column="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Image Width="29" Height="29" Margin="4,0,3,0" VerticalAlignment="Center"
                           Stretch="Uniform" Source="Assets/PotoView-logo-novel.png" />
                    <Button Grid.Column="1" Style="{StaticResource IconButtonStyle}"
                            Click="OpenButton_Click" ToolTip="打开图片 (Ctrl+O)"
                            AutomationProperties.Name="打开图片">
                        <iconPacks:PackIconLucide Kind="FolderOpen" Width="17" Height="17" />
                    </Button>
                    <TextBlock x:Name="FileNameText" Grid.Column="2" Text="未打开图像"
                               VerticalAlignment="Center" Margin="8,0,8,0"
                               Foreground="{StaticResource TextSecondaryBrush}"
                               FontSize="12.5" TextTrimming="CharacterEllipsis" />
                </Grid>

                <StackPanel Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                    <Button x:Name="ZoomOutButton" Style="{StaticResource IconButtonStyle}"
                            Click="ZoomOutButton_Click" IsEnabled="False" ToolTip="缩小 (-)"
                            AutomationProperties.Name="缩小">
                        <iconPacks:PackIconLucide Kind="Minus" Width="17" Height="17" />
                    </Button>
                    <Button x:Name="ZoomReadoutButton" Style="{StaticResource ZoomReadoutStyle}"
                            Click="ActualSizeButton_Click" IsEnabled="False" ToolTip="原始大小 (1)"
                            AutomationProperties.Name="当前缩放比例">
                        <TextBlock x:Name="ZoomText" Text="--" />
                    </Button>
                    <Button x:Name="ZoomInButton" Style="{StaticResource IconButtonStyle}"
                            Click="ZoomInButton_Click" IsEnabled="False" ToolTip="放大 (+)"
                            AutomationProperties.Name="放大">
                        <iconPacks:PackIconLucide Kind="Plus" Width="17" Height="17" />
                    </Button>
                    <Border Width="1" Height="18" Background="{StaticResource BorderBrush}" Margin="6,0" />
                    <Button x:Name="FitButton" Style="{StaticResource IconButtonStyle}"
                            Click="FitButton_Click" IsEnabled="False" ToolTip="适应窗口 (Home)"
                            AutomationProperties.Name="适应窗口">
                        <iconPacks:PackIconLucide Kind="Scan" Width="17" Height="17" />
                    </Button>
                    <Button x:Name="ActualSizeButton" Style="{StaticResource IconButtonStyle}"
                            Click="ActualSizeButton_Click" IsEnabled="False" ToolTip="1:1 原始像素"
                            AutomationProperties.Name="原始像素大小">
                        <iconPacks:PackIconLucide Kind="Ratio" Width="17" Height="17" />
                    </Button>
                    <Button x:Name="RotateButton" Style="{StaticResource IconButtonStyle}"
                            Click="RotateButton_Click" IsEnabled="False" ToolTip="顺时针旋转 (R)"
                            AutomationProperties.Name="顺时针旋转">
                        <iconPacks:PackIconLucide Kind="RotateCw" Width="17" Height="17" />
                    </Button>
                    <Button x:Name="BackgroundButton" Style="{StaticResource IconButtonStyle}"
                            Click="BackgroundButton_Click" IsEnabled="False" ToolTip="切换画布背景 (B)"
                            AutomationProperties.Name="切换画布背景">
                        <iconPacks:PackIconLucide Kind="Grid2X2" Width="17" Height="17" />
                    </Button>
                </StackPanel>

                <StackPanel Grid.Column="2" Orientation="Horizontal" HorizontalAlignment="Right">
                    <ToggleButton x:Name="TopmostButton" Style="{StaticResource ToggleIconButtonStyle}"
                                  Checked="TopmostButton_Checked" Unchecked="TopmostButton_Unchecked"
                                  ToolTip="窗口置顶 (P)" AutomationProperties.Name="窗口置顶">
                        <iconPacks:PackIconLucide Kind="Pin" Width="16" Height="16" />
                    </ToggleButton>
                    <Button x:Name="CleanViewButton" Style="{StaticResource IconButtonStyle}" Click="CleanViewButton_Click"
                            ToolTip="纯净视图 (Tab)" AutomationProperties.Name="纯净视图">
                        <iconPacks:PackIconLucide Kind="EyeOff" Width="17" Height="17" />
                    </Button>
                    <Button Style="{StaticResource IconButtonStyle}" Click="FullscreenButton_Click"
                            ToolTip="全屏 (F11)" AutomationProperties.Name="全屏">
                        <iconPacks:PackIconLucide Kind="Maximize2" Width="16" Height="16" />
                    </Button>
                    <Button Style="{StaticResource IconButtonStyle}" Click="MinimizeButton_Click" ToolTip="最小化"
                            AutomationProperties.Name="最小化窗口">
                        <iconPacks:PackIconLucide Kind="Minus" Width="16" Height="16" />
                    </Button>
                    <Button Style="{StaticResource IconButtonStyle}" Click="MaximizeButton_Click" ToolTip="最大化"
                            AutomationProperties.Name="最大化或还原窗口">
                        <iconPacks:PackIconLucide x:Name="MaximizeIcon" Kind="Square" Width="15" Height="15" />
                    </Button>
                    <Button Style="{StaticResource IconButtonStyle}" Click="CloseButton_Click" ToolTip="关闭"
                            AutomationProperties.Name="关闭窗口">
                        <iconPacks:PackIconLucide Kind="X" Width="17" Height="17" />
                    </Button>
                </StackPanel>
            </Grid>
        </Border>

        <Border x:Name="BottomChrome" Height="34" VerticalAlignment="Bottom" Panel.ZIndex="20"
                Background="{StaticResource ChromeBackgroundBrush}"
                BorderBrush="{StaticResource BorderBrush}" BorderThickness="0,1,0,0">
            <Grid Margin="13,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="190" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="190" />
                </Grid.ColumnDefinitions>
                <TextBlock x:Name="FilePositionText" Text="0 / 0" VerticalAlignment="Center"
                           Foreground="{StaticResource TextSecondaryBrush}" FontSize="11.5" />
                <TextBlock x:Name="ImageInfoText" Grid.Column="1" Text="—" HorizontalAlignment="Center"
                           VerticalAlignment="Center" Foreground="{StaticResource TextSecondaryBrush}"
                           FontSize="11.5" TextTrimming="CharacterEllipsis" />
                <StackPanel Grid.Column="2" Orientation="Horizontal" HorizontalAlignment="Right">
                    <TextBlock x:Name="FileSizeText" Text="" VerticalAlignment="Center"
                               Foreground="{StaticResource TextSecondaryBrush}" FontSize="11.5" />
                    <StackPanel x:Name="FramePanel" Orientation="Horizontal" Visibility="Collapsed" Margin="12,0,0,0">
                        <Button x:Name="FramePlayButton" Style="{StaticResource IconButtonStyle}"
                                Width="28" Height="28" Padding="7" Click="FramePlayButton_Click" ToolTip="播放 / 暂停"
                                AutomationProperties.Name="播放或切换图像帧">
                            <iconPacks:PackIconLucide x:Name="FramePlayIcon" Kind="Pause" Width="14" Height="14" />
                        </Button>
                        <TextBlock x:Name="FrameText" Text="1 / 1" VerticalAlignment="Center"
                                   Foreground="{StaticResource TextSecondaryBrush}" FontSize="11.5" />
                    </StackPanel>
                </StackPanel>
            </Grid>
        </Border>

        <Border x:Name="FloatingChrome" Height="42" VerticalAlignment="Top"
                HorizontalAlignment="Center" Margin="0,14,0,0" Panel.ZIndex="30"
                Visibility="Collapsed" Background="#F21A1E23"
                BorderBrush="{StaticResource BorderBrush}" BorderThickness="1"
                CornerRadius="8" Padding="5"
                MouseLeftButtonDown="TitleBar_MouseLeftButtonDown">
            <Border.Effect>
                <DropShadowEffect Color="#000000" BlurRadius="18" ShadowDepth="4" Opacity="0.36" />
            </Border.Effect>
            <StackPanel Orientation="Horizontal">
                <Border Width="24" Height="30" Background="Transparent" Cursor="SizeAll"
                        ToolTip="拖动窗口；双击最大化"
                        AutomationProperties.Name="拖动窗口">
                    <iconPacks:PackIconLucide Kind="GripVertical" Width="14" Height="14"
                                               Foreground="{StaticResource TextSecondaryBrush}"
                                               HorizontalAlignment="Center" VerticalAlignment="Center"
                                               IsHitTestVisible="False" />
                </Border>
                <Button Style="{StaticResource FloatingIconButtonStyle}"
                        Click="OpenButton_Click" ToolTip="打开图片 (Ctrl+O)"
                        AutomationProperties.Name="打开图片">
                    <iconPacks:PackIconLucide Kind="FolderOpen" Width="15" Height="15" />
                </Button>
                <Button x:Name="FloatingZoomOutButton" Style="{StaticResource FloatingIconButtonStyle}"
                        Click="ZoomOutButton_Click" IsEnabled="False" ToolTip="缩小 (-)"
                        AutomationProperties.Name="缩小">
                    <iconPacks:PackIconLucide Kind="Minus" Width="15" Height="15" />
                </Button>
                <Button x:Name="FloatingZoomReadoutButton" Style="{StaticResource FloatingZoomReadoutStyle}"
                        Click="ActualSizeButton_Click" IsEnabled="False" ToolTip="1:1 原始像素"
                        AutomationProperties.Name="当前缩放比例">
                    <TextBlock x:Name="FloatingZoomText" Text="--" />
                </Button>
                <Button x:Name="FloatingZoomInButton" Style="{StaticResource FloatingIconButtonStyle}"
                        Click="ZoomInButton_Click" IsEnabled="False" ToolTip="放大 (+)"
                        AutomationProperties.Name="放大">
                    <iconPacks:PackIconLucide Kind="Plus" Width="15" Height="15" />
                </Button>
                <Button x:Name="FloatingFitButton" Style="{StaticResource FloatingIconButtonStyle}"
                        Click="FitButton_Click" IsEnabled="False" ToolTip="适应窗口 (Home)"
                        AutomationProperties.Name="适应窗口">
                    <iconPacks:PackIconLucide Kind="Scan" Width="15" Height="15" />
                </Button>
                <ToggleButton x:Name="FloatingTopmostButton" Style="{StaticResource FloatingToggleButtonStyle}"
                              Checked="TopmostButton_Checked" Unchecked="TopmostButton_Unchecked"
                              ToolTip="窗口置顶 (P)" AutomationProperties.Name="窗口置顶">
                    <iconPacks:PackIconLucide Kind="Pin" Width="15" Height="15" />
                </ToggleButton>
                <Button x:Name="FloatingRestoreChromeButton" Style="{StaticResource FloatingIconButtonStyle}"
                        Click="FloatingRestoreChromeButton_Click" ToolTip="恢复完整工具栏 (Tab)"
                        AutomationProperties.Name="恢复完整工具栏">
                    <iconPacks:PackIconLucide Kind="PanelTopOpen" Width="15" Height="15" />
                </Button>
                <Button Style="{StaticResource FloatingIconButtonStyle}"
                        Click="MinimizeButton_Click" ToolTip="最小化"
                        AutomationProperties.Name="最小化窗口">
                    <iconPacks:PackIconLucide Kind="Minus" Width="15" Height="15" />
                </Button>
                <Button Style="{StaticResource FloatingIconButtonStyle}"
                        Click="MaximizeButton_Click" ToolTip="最大化或还原"
                        AutomationProperties.Name="最大化或还原窗口">
                    <iconPacks:PackIconLucide x:Name="FloatingMaximizeIcon" Kind="Square" Width="14" Height="14" />
                </Button>
                <Button Style="{StaticResource FloatingIconButtonStyle}"
                        Click="CloseButton_Click" ToolTip="关闭"
                        AutomationProperties.Name="关闭窗口">
                    <iconPacks:PackIconLucide Kind="X" Width="16" Height="16" />
                </Button>
            </StackPanel>
        </Border>

        <Border x:Name="Toast" Visibility="Collapsed" Opacity="0" Panel.ZIndex="40"
                HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0,62,0,0"
                Background="#F221252B" BorderBrush="{StaticResource BorderBrush}"
                BorderThickness="1" CornerRadius="5" Padding="12,8" MaxWidth="330">
            <StackPanel Orientation="Horizontal">
                <iconPacks:PackIconLucide x:Name="ToastIcon" Kind="Info" Width="15" Height="15"
                                           Foreground="{StaticResource AccentBrush}" Margin="0,0,8,0" />
                <TextBlock x:Name="ToastText" VerticalAlignment="Center" FontSize="12.5"
                           TextWrapping="Wrap" />
            </StackPanel>
        </Border>

        <Border Panel.ZIndex="50" BorderBrush="{StaticResource BorderBrush}" BorderThickness="1"
                IsHitTestVisible="False" />
    </Grid>
</Window>