Android使用GridView实现俄罗斯方块（附源码）（一）

具体效果如下图：

具体效果

GitHub地址：
https://github.com/weijifen/AndroidTetris

主要思路:
由于俄罗斯方块的主体部分是由一个个方格组成的，结合Android中有一个GridView网格视图，使用GridView不需要自己画view，可以把主要的精力放在游戏逻辑上面。

项目文件框架图：

项目文件框架 其中StateFang里面包括方块的形状，颜色，旋转形成的下一个方块,以及方块掉落的初始位置。

1. 游戏规则

1. 方块下落的时候速度一定。且速度可以选择。
2. 方块随机产生，从中央开始下落。
3. 方块在下落过程中可以旋转、左移、右移，但是这些动作当受到边界或者其他方块的阻碍的时候无法完成，下落受到阻碍的时候停止下落。
4. 方块颜色随机产生，一旦产生，不可更改。
5. 方块填充满一行之后消除这一行的所有方块，这一行的上面的行的方块随即下落。每消除一行分数加一分。
6. 每个速度等级的最高分显示并存储。
7. 在界面上显示下一个方格的颜色和形状。

2. 界面设计

游戏展示部分的界面：

<GridView
    android:id="@+id/tetrisView"
    android:background="@color/colorLine"
    android:numColumns="10"
    android:layout_width="240dp"
    android:layout_height="360dp"
    android:horizontalSpacing="0dp"
    android:verticalSpacing="0dp">
    
GridView>

设置游戏界面为$10\times 15$的方格。方格间距设为0；
item_adapter.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="24dp"
    android:layout_height="24dp"
    >
    <ImageView
        android:gravity="center"
        android:id="@+id/adapter_image"
        android:layout_width="23dp"
        android:layout_height="23dp" />
LinearLayout>

为了严格限定使每个网格为正方形，设置Adapter尺寸为$24\times 24$，但是为了显示出网格之间细细的分割线，将ImageView尺寸设置为$23\times 23$，则分割线的线宽为1dp。分割线的颜色也可以自己设定。

3. 方块类型与颜色设计

方块类型

以四个二进制数表示方块的形状。方块最大只能占据四行四列，用一个四行四列的矩阵就可以表示方块的形状，还可以进一步缩减为四个二进制数。
表示方法如下：

{0x8, 0x8, 0xc, 0x0}

表示为二进制为：

1 0 0 0
1 0 0 0
1 1 0 0
0 0 0 0

但是方格以左边为低位更方便，所以变为：

0 0 0 1
0 0 0 1
0 0 1 1
0 0 0 0

所以这是一个形状为反L的方块。
所有的方块表示为：

public static int[][] shape = new int[][]{
            {0x8, 0x8, 0xc, 0},
            {0xe, 0x8, 0, 0},
            {0xc, 0x4, 0x4, 0},
            {0x2, 0xe, 0x0, 0x0},

            {0x4, 0x4, 0xc, 0x0},
            {0x8, 0xe, 0x0, 0x0},
            {0xc, 0x8, 0x8, 0x0},
            {0xe, 0x2, 0x0, 0x0},
            {0x8, 0xc, 0x4, 0x0},
            {0x6, 0xc, 0x0, 0x0},
            {0x4, 0xc, 0x8, 0x0},
            {0xc, 0x6, 0x0, 0x0},
            {0x4, 0xe, 0x0, 0x0},
            {0x8, 0xc, 0x8, 0x0},
            {0xe, 0x4, 0x0, 0x0},
            {0x4, 0xc, 0x4, 0x0},

            {0x4, 0x4, 0x4, 0x4},
            {0x0, 0xf, 0x0, 0x0},
            {0xc, 0xc, 0x0, 0x0}

    };

颜色设计

这里使用五种仅仅颜色不同的方块来表现不同的方块颜色。

把不同颜色的id都放进StateFang的数组中，使用的时候利用0~4的下标就可以找到该颜色的方块图片。

public static int[] color = new int[] {
	R.drawable.star_b, R.drawable.star_g, R.drawable.star_p, R.drawable.star_r, R.drawable.star_y
};

最后在BlockAdapter中显示

public class BlockAdapter extends CommonAdapter {
	Context		context;
	List<Integer>	mDatas;
	public BlockAdapter( Context context, List mDatas, int mLayoutId )
	{
		super(context, mDatas, mLayoutId);
		this.context	= context;
		this.mDatas	= mDatas;
	}


	@Override
	public void convert( ViewHolder helper, Object item )
	{
		ImageView imageView = helper.getView( R.id.adapter_image );

		Integer integer = (Integer) item;
		if ( integer > 0 )
		{
			imageView.setImageResource( StateFang.color[integer - 1] );
		}else {
			imageView.setBackgroundColor( Color.parseColor( "#29505B" ) );
		}
	}
}

这里也可以选择使用Glide等图片加载器加载图片。
感兴趣的朋友请继续阅读Android使用GridView实现俄罗斯方块（附源码）（二）