如何将 WPF 网格单元格复制到同一网格中的另一个单元格

Question

我有一个 17x13 的网格，每个单元格包含一个图像，另一个网格是 2x2，每个单元格都包含一个图像。 用于此的 xaml 是：（Grid_0_0 重复了很多，所以这只是它的主要内容）

<Canvas x:Name="baseContainer">
    <Grid x:Name="MainGrid" ScrollViewer.VerticalScrollBarVisibility="Disabled" Width="{Binding ActualWidth, ElementName=baseContainer, Mode=OneWay}" Height="{Binding ActualHeight, ElementName=baseContainer, Mode=OneWay}">
        <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" 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, ElementName=Baseimg_0_0, Mode=OneWay}"/>
            <Image x:Name="Altimg_0_0_TR" Source="/psyduck larger.jpg" Stretch="Fill" Visibility="Hidden" Width="{Binding ActualWidth, ElementName=Baseimg_0_0, Mode=OneWay}" Height="{Binding ActualHeight, ElementName=Baseimg_0_0, 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, ElementName=Baseimg_0_0, Mode=OneWay}" Height="{Binding ActualHeight, ElementName=Baseimg_0_0, 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, ElementName=Baseimg_0_0, Mode=OneWay}" Height="{Binding ActualHeight, ElementName=Baseimg_0_0, Mode=OneWay}" Grid.Column="1" Grid.Row="1" VerticalAlignment="Bottom" HorizontalAlignment="Right"/>
        </Grid>

这些“迷你网格”根据按下的箭头键上下左右滑动一个网格单元。然后每个单元格将在视觉上位于相邻单元格的位置。 最后，我会将移动单元格的内容复制到它已移动到其顶部的单元格。

我试图简单地做到这一点

Grid_0_0 = Grid_0_1;

但实际上并没有导致任何更改。或者至少它没有复制“可见”和“隐藏”等值。 我还尝试为它做一个 foreach 循环。

private void ResetBoardSlide()
    {
        foreach (Grid grid in MainGrid.Children) 
        { 
            grid.RenderTransform = new TranslateTransform(0, 0);
            grid = Grid_0_0;
        } 
    }

但是这个没有工作，因为“CS1656 C# 不能赋值，因为它是一个'foreach 迭代变量'” 调查它，似乎是因为 foreach 是一个只读的东西。整洁的。但是是否有任何内置或简单的方法可以将所有子节点及其状态复制到另一个单元格？

Answer 1

您需要以编程方式更改小网格“Grid_0_0”对象的附加属性（Grid.RowProperty 和 Grid.ColumnProperty）的值。假设你有一个按键事件的回调，代码应该是这样的

private void OnKeyPress(KeyNameEnum key)
{
    switch(key)
    {
        case KeyNameEnum.Up: 
             Grid_0_0.SetValue(Grid.RowProperty, ((int)Grid_0_0.GetValue(Grid.RowProperty))-1);
             break;
        case KeyNameEnum.Down:
             Grid_0_0.SetValue(Grid.RowProperty, ((int)Grid_0_0.GetValue(Grid.RowProperty))+1);
             break;
        case KeyNameEnum.Left: 
             Grid_0_0.SetValue(Grid.ColumnProperty, ((int)Grid_0_0.GetValue(Grid.ColumnProperty))-1);
             break;
        case KeyNameEnum.Right:
             Grid_0_0.SetValue(Grid.ColumnProperty, ((int)Grid_0_0.GetValue(Grid.ColumnProperty))+1);
             break;
        default:
             break;
    }
}

当然，您需要添加边界检查以防止微型电网从字面上脱离电网。