如何将 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;
    }
}

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