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

How to copy WPF grid cell to another cell in the same grid

我有一个 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>

这些 'minigrids' 根据按下的箭头键向上、向下、向左或向右滑动一个网格单元格。然后每个单元格将在视觉上处于相邻单元格的位置。 最后,我会将移动单元格的内容复制到它移动到其上的单元格。

我试着简单地用

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 iteration variable'”,仔细研究它,似乎是因为 foreach 是只读的。整洁的。但是是否有任何内置或简单的方法可以将所有子项及其状态复制到另一个单元格?

您需要以编程方式更改迷你网格“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;
    }
}

当然,您需要添加边界检查以防止微型电网脱离电网。