TeamAAS-2.5/TeamAAS.Core/TeamAAS.Camera/UI/Controls/ImageDisplayControl.xaml

<UserControl x:Class="TeamAAS.Camera.UI.Controls.ImageDisplayControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             Background="#1E1E1E"
             Focusable="True">
    <Grid x:Name="MainGrid"
          Background="#1E1E1E"
          ClipToBounds="True"
          MouseWheel="OnMouseWheel"
          MouseLeftButtonDown="OnMouseLeftButtonDown"
          MouseLeftButtonUp="OnMouseLeftButtonUp"
          MouseMove="OnMouseMove"
          MouseLeave="OnMouseLeave"
          AllowDrop="True"
          Drop="OnDrop"
          DragOver="OnDragOver">

        <!-- Image inside Canvas: use Width/Height + Canvas position for zoom/pan -->
        <Canvas x:Name="ImageCanvas" ClipToBounds="True">
            <Image x:Name="ImageControl"
                   Stretch="Fill"
                   SnapsToDevicePixels="True"/>
        </Canvas>

        <!-- Crosshair overlay -->
        <Canvas x:Name="OverlayCanvas"
                IsHitTestVisible="False"
                Visibility="Collapsed">
            <Line x:Name="CrossLineH" Stroke="#22FF00" StrokeThickness="1" Opacity="0.6"/>
            <Line x:Name="CrossLineV" Stroke="#22FF00" StrokeThickness="1" Opacity="0.6"/>
        </Canvas>

        <!-- Info bar -->
        <DockPanel LastChildFill="False"
                   VerticalAlignment="Bottom"
                   Background="#80000000">
            <TextBlock x:Name="CoordText"
                       Foreground="#22FF00"
                       FontFamily="Consolas"
                       FontSize="11"
                       Margin="6,2"
                       DockPanel.Dock="Left"/>
            <TextBlock x:Name="ZoomText"
                       Text="100%"
                       Foreground="#22FF00"
                       FontFamily="Consolas"
                       FontSize="11"
                       Margin="6,2"
                       DockPanel.Dock="Right"/>
        </DockPanel>

        <!-- Empty state -->
        <TextBlock x:Name="EmptyText"
                   Text="拖放图片到此处 或 绑定图像源"
                   Foreground="#555555"
                   FontSize="13"
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center"/>

        <Grid.ContextMenu>
            <ContextMenu>
                <MenuItem Header="显示定位十字" IsCheckable="True" x:Name="CrosshairMenuItem" Click="MenuToggleCrosshair_Click"/>
                <Separator/>
                <MenuItem Header="保存图像" Click="MenuSaveImage_Click"/>
                <Separator/>
                <MenuItem Header="适应窗口" Click="MenuFitWindow_Click"/>
                <MenuItem Header="实际大小 (100%)" Click="MenuActualSize_Click"/>
            </ContextMenu>
        </Grid.ContextMenu>
    </Grid>
</UserControl>