C＃在WPF中将网格调整为大于Window尺寸会产生不正确的宽度和高度

如何解决C＃在WPF中将网格调整为大于Window尺寸会产生不正确的宽度和高度

我正在制作一个WPF应用程序，它的网格为17x13，并且外部行超出了可见窗口，因此用户只能看到15x11的网格。 我正在努力使网格正确适合，因为高度和宽度的数值似乎表明它看起来应该不错，但是结果更像是14.7x10.5网格。我正在尝试使其动态化，以便用户可以调整窗口的大小，并且网格将适应每个网格的大小，而不是硬编码。

作为参考，这是预期的结果Rough image of grid placement on window 到目前为止，在我的测试中已批准，尚未移动左上角的Grid_0_0。我想我会在MainGrid大小之后计算出负边距的情况下执行此操作。

运行代码时输出的结果是：Output result of WPF grid忽略了我用来测试的图片。空白方块是为了使滑动动画更易于查看。

主要元素的xaml是：

<Window x:Name="Window" x:Class="MapTraversalTest.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:local="clr-namespace:MapTraversalTest"
    mc:Ignorable="d"
    Title="MainWindow" Width="1200" Height="800" Background="#FFF1EAEA" SizeChanged="OnWindowResize">
<Grid x:Name="MainGrid" ScrollViewer.VerticalScrollBarVisibility="Disabled">
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition/>
        <RowDefinition/>
        <RowDefinition/>
        <RowDefinition/>
        <RowDefinition/>
        <RowDefinition/>
        <RowDefinition/>
        <RowDefinition/>
        <RowDefinition/>
        <RowDefinition/>
        <RowDefinition/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <Grid x:Name="Grid_0_0" Grid.Row="0" Grid.Column="0" MouseEnter="OnMouseEnter" RenderTransformOrigin="0.5,0.5">
        <Grid.RenderTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform/>
                <TranslateTransform/>
            </TransformGroup>
        </Grid.RenderTransform>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Image x:Name="Baseimg_0_0" Grid.Column = "0" Grid.Row = "0" Source = "/psyduck larger.jpg" Stretch = "Fill" Visibility="Visible" Grid.RowSpan="2" Grid.ColumnSpan="2" RenderTransformOrigin="0.5,0.5" />
        <Image x:Name="Altimg_0_0_TL" Source="/psyduck larger.jpg" Stretch="Fill" Visibility="Hidden" Width="{Binding ActualWidth,ElementName=Baseimg_0_0,Mode=OneWay}" Height="{Binding ActualHeight,Mode=OneWay}"/>
        <Image x:Name="Altimg_0_0_TR" Source="/psyduck larger.jpg" Stretch="Fill" Visibility="Hidden" Width="{Binding ActualWidth,Mode=OneWay}" Grid.Column="1" HorizontalAlignment="Right"/>
        <Image x:Name="Altimg_0_0_BL" Source="/psyduck larger.jpg" Stretch="Fill" Visibility="Hidden" Width="{Binding ActualWidth,Mode=OneWay}" Grid.Row="1" VerticalAlignment="Bottom"/>
        <Image x:Name="Altimg_0_0_BR" Source="/psyduck larger.jpg" Stretch="Fill" Visibility="Hidden" Width="{Binding ActualWidth,Mode=OneWay}" Grid.Column="1" Grid.Row="1" VerticalAlignment="Bottom" HorizontalAlignment="Right"/>
    </Grid>

然后，代码对每个MainGrid正方形的 Grid_row_col 模式重复多次。

C＃应用程序的主要代码部分是：

namespace MapTraversalTest
{
public partial class MainWindow : Window
{
    //SETTINGS
    private int numRows = 13; // Not technically settable yet since I never increase the col/row counts anywhere other than the xaml
    private int numCols = 17;


    private double microGridDistanceX { get; set; }
    private double microGridDistanceY { get; set; }
    private enum Direction { Up,Down,Left,Right }
    Grid[,] board = new Grid[13,17];

    //FLAGS
    private bool bIsAnimating = false;





    public MainWindow()
    {
        InitializeComponent();
        this.Width = 1200; //These are kind of redundent,but I wanted to be SURE the size was set for testing
        this.Height = 800;

        FillArrayOfGrids();
    }
    
    private void OnWindowResize(object sender,SizeChangedEventArgs e)
    {
        double newHeight = ActualHeight;
        double newWidth = ActualWidth;


       // Width = newHeight * 1.33;   These are an inprogress appempt to set a fixed aspect ratio
       // Height = newHeight;

        ResetMainGridSize();
        ResetGridDistances();
    }

    private void ResetMainGridSize()
    {
        //This method is called when the window runs and on window resize. It resizes the MainGrid so that it's 17x13 size shows 15x11 in the window
        double singleShownGridWidth = ActualWidth / (numCols - 2);
        double singleShownGridHeight = ActualHeight / (numRows - 2);
        MainGrid.Width = singleShownGridWidth * (numCols);
        MainGrid.Height = singleShownGridHeight * numRows;

    }

    private void ResetGridDistances() 
    {
        //This method resets the distances that are used in sliding the grid up,down,left,or right. The distance is the size of one micro grid
        MessageBox.Show($"Actual: {Grid_0_0.ActualHeight}    Desired: {Grid_0_0.DesiredSize.Height}");
        microGridDistanceX = Grid_0_0.ActualWidth;
        microGridDistanceY = Grid_0_0.ActualHeight;
    }

我只包括了适用于特定问题的部分。它的其他一些方面也需要确定，如果有问题，也可以随时提供帮助。我已尝试对其进行评论以显示一些内容。