android游戏开发之我的小小游戏2——连连看游戏2之绘制基本的界面及触摸相关

通过PieceManager获得的一个9*9的二维方块Piece类的数组,其中我们值绘制1-8的格子,因为最外层的格子我们将会用来,画线,效果如下图


现在我们可以通过这个数组来绘制基本的界面了

我们会使每一块的小方块之间有6个像素点的距离

绘制的代码如下

protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		
		canvas.drawBitmap(background, 0, 0, null);

		for (int i = 0; i < 8; i++) {
			for (int j = 0; j < 8; j++) {
				
				if(pieces[i][j] != null)
				{
					Bitmap curImage = pieces[i][j].getImage();
					canvas.drawBitmap(curImage, startX + betweenLength/2 + i * (pieceWidth + betweenLength),
							startY + betweenLength/2 + j * (pieceHeight + betweenLength), null);
				}
			}
		}
现在主要就是判断,我们到底点击的是哪一个图片了,首先我们根据点击的范围获得点击的方块是数组中的哪一个元素,并对该点击的方块进行一系列的处理。我们会用一个长度为2的一维数组lastClick记录我们上一次点击的方块在我们的二维数组中的脚标,如果我们是刚开局,或是已经消去了两个时,我们会把上次点击的记录lastClick设置成初始化的值,lastClick中的两个元素的值均为-1,否则,就把我们刚才点击的方块的脚标赋值给lastClick,当我们再次点击一个方块区域时,我们会根据此次点击的区域的脚标来获取在这个位置上Piece以获取该位置上图片的Id,然后对比上次点击的方块区域中的图片Id是否和本次的Id一样,如果一样,就消去,否则,lastClick就变为当前点击的位置

public boolean onTouchEvent(MotionEvent event) {

		float touchX = event.getX();
		float touchY = event.getY();
		
		//当点击在图片区域才会有响应
		if(touchX > startX && touchX < startX+(pieceWidth+betweenLength)*columnNum && touchY > startY && touchY < startY+(pieceHeight+betweenLength)*rowNum)
		{
			int x = (int)((touchX-startX)/(pieceWidth+betweenLength));
			int y = (int)((touchY-startY)/(pieceHeight+betweenLength));
			
			
			//首先判断点击的位置不是已经消失了的图片的位置
			if(pieces[x][y] != null)
			{
				//如果是刚开始玩或者已经销毁了一对
				if(lastClick[0] == -1 && lastClick[1] == -1)
				{
					lastClick[0] = x;
					lastClick[1] = y;
				}
				else
				{
					//两次点击的不是同一张图片
					if(x != lastClick[0] || y != lastClick[1])
					{
						//若果两个图片相同
						if(pieces[x][y].getId() == pieces[lastClick[0]][lastClick[1]].getId())
						{
							pieces[x][y] = null;
							pieces[lastClick[0]][lastClick[1]] = null;
							
							lastClick[0] = -1;
							lastClick[1] = -1;
							
							invalidate();
						}//如果两次点击的图片不相同,则把此次点击的方块的位置赋值给lastClick
						else if(pieces[x][y].getId() != pieces[lastClick[0]][lastClick[1]].getId())
						{
							lastClick[0] = x;
							lastClick[1] = y;
						}
					}
				}
			}
		}
		else
			System.out.println("哥们点跑偏了!... ...");
		
		return super.onTouchEvent(event);
	}


你可能感兴趣的:(android游戏开发之我的小小游戏2——连连看游戏2之绘制基本的界面及触摸相关)