将图像移动到具有透明孔的另一图像后面

Question

int [，] board = new int [6，7]; PictureBox boardpb = new PictureBox（）; PictureBox [] pb = new PictureBox [42]; 图片表，红色，蓝色; int c = 0;

public Form1() 
    { 
     InitializeComponent(); 

     red = Properties.Resources.red; red = (Image)(new Bitmap(red, new Size(110, 110))); 
     blue = Properties.Resources.blue; blue = (Image)(new Bitmap(blue, new Size(110, 110))); 
     table = Properties.Resources.Board; table = (Image)(new Bitmap(table, new Size(700, 700))); 

     boardpb.Location = new Point(0, 0); 
     boardpb.Image = table; 
     boardpb.Size = table.Size; 
     boardpb.BackColor = Color.Transparent; 
     boardpb.MouseClick += new MouseEventHandler(Human_Play); 
     this.Controls.Add(boardpb); 
    } 

    void PlayCircle(int x, int y, Image im) //plays a red/blue circle in the corresponding (y,x) position 
    { 
     pb[c] = new PictureBox(); 
     pb[c].Location = new Point((int)(-2 + 98.8 * x), (int)(83 + 94.4 * y)); 
     pb[c].Image = im; 
     pb[c].Size = im.Size - new Size(10, 10); 
     pb[c].BackColor = Color.Transparent; 
     pb[c].MouseClick += new MouseEventHandler(Human_Play); 
     boardpb.Controls.Add(pb[c]); 
     c++; 
    } 

    int Y(int x) // gives the lowest empty space in the column, or -1 if the column is full. 
    { 
     for (int y = 5; y >= 0; y--) 
      if (board[y, x] == 0) return y; 
     return -1; 
    } 

    void Human_Play(object sender, MouseEventArgs e) 
    { 
     int x, y; 
     x = (Cursor.Position.X)/99; 
     if ((x <= 6) && (x >= 0)) 
     { 
      y = Y(x); 
      if (y != -1) 
      { 
       PlayCircle(x, y, red); 
       board[y, x] = -1; 
      } 
     } 
    }` 

我正在使用WinForms C＃制作连接4游戏到我的uni项目。当试图让棋子落入棋盘时，他们就像在隐藏桌子后面的棋盘线下移动棋盘一样。 任何想法如何使碎片图像移动到电路板后面，但仍然能够通过电路板孔看到（如以下链接中的图片）？ PS：董事会和2件图片确实有透明背景。 在此先感谢^^ http://mathworld.wolfram.com/images/gifs/connect4.gif 更新：我添加了代码。 （表格，红色，蓝色在我的资源中是3张图片） 如何编辑此代码，以便将这些代码放在主板后面而不是弹出？

Answer 1

你有两个选择：

• 绘制使用GDI +命令FillRectangle和FillEllipse的所有图形。
• 使用控件可以保存网格和图块的位图。

我想你想尝试第二种选择。

但是，在Winforms透明度仅支持嵌套控件。然而，直接方法会重叠控制，因此无法工作。

相反，您需要nest底部控制在游戏区域和上面的每一层在下面的一个。既然你只需要在一块以上的一层，即网格，你就必须将网格嵌套在一块。

这是可能的，但不是很自然，至于这个工作，你必须让这块作品足够大，以保持整个网格，并在动画过程中的每个位置。因此，如果您在每次移动开始时设置它，它必须是电路板高度的两倍和全宽。

然后在Timer.Tick中，您将该部分向下移动，并将网格嵌套在其中，直到该部分找到它的位置。

最后将棋子划分成PictureBox板的Image。使BackgroundImage显示相同的网格，以便您可以在为下一步移动设置之前隐藏该部分。

所以，你将开始在c列中移动位置（c, height * 2）的位置（board.width, board.height*2）的位图上的红色或黑色圆圈，并将其分配给PictureBox movingPiece。

您已经准备好一个位图来保存网格，并将它作为PictureBox grid的图像进行分类。现在你窝在三个控件：

movingPiece.Parent = board; 
grid.Parent = movingPiece; 

在蜱您移动PICE DOEN和电网它包含了：

void timer1_Tick(object sender, EventArgs e) 
{ 
    movingPiece.Top++; 
    grid.Top--; 
    // if finalposition etc.. 
} 

• 方案二是简单IMO：在BackgroundImage创建网格，将套件画成Image。在Tick&Paint事件中通过在重叠位置填充一个Circle和一个Rectangle来生成动画。

我会为此而去;它是不是更自然的理解和少得多的像素得到移动，以便它可能更快太..

Answer 2

只需在棋子后画棋盘。

如果您使用板子的图像，只要确保存在透明度通道即可。你可以找到更多的解释on MSDN。

如果您使用矢量线画图板，只要您不在孔中画任何东西，就不会出现问题。

Answer 3

另一种选择：

1. 绘制电路板（或负载从图像），伴或不透明度。 WinForms中的大多数控件（窗体，面板，picturebox等）都支持BackgroundImage或一些其他大容量图像加载作为基础层。

2. 在棋盘上正确绘制每个棋子的顶部，但是剪裁/遮罩/操作圆形棋子，以便只有正确的圆形部分通过棋盘上的“洞”显示出来。你只需要知道棋盘图像中洞的位置就可以计算出来，并且它会使棋子看起来好像它们在棋盘内“一样”，就像它们在现实中一样。