从零开始开发Android版2048 （一）初始化界面

        自学Android一个月多了，一直在工作之余零零散散地看一些东西，感觉常用的东西都有些了解了，但是一开始写代码总会出各种奇葩的问题，感觉还是代码写得太少，这样继续杂乱地学习下去进度也太慢了，而且学一点忘一点，效率太低。所以从今天开始，我打算实际做点小程序，在开发中不断地学习吧。

        恰好最近Android上有个游戏2048比较火，所以就那这个练手吧。

        因为对Android还没有太深入的了解，所以我写的东西都会比较基础，所以需要看一些高阶开发的朋友可以绕过了，也希望可以有高手们给我一些指导和建议，在此先谢谢啦。

         还有在学习过程中参考了很多网友之前写的例子（参考内容太多无法一一列举），所以代码思路不是完全原创的，但是都是我自己写的，一定会有很多问题，希望大家指正。

       废话不多说了，接下来就是我在尝试开发Android版2048的一些记录。

       今天是第一天，我主要实现对游戏4*4界面的布局，以及程序初始化时在随机位置生成2或4。布局文件主要使用GridLayout，使用这个布局可以很方便地实现类似web开发中Table那样的界面。例如我在很多例子中，比如虚拟键盘、日历什么的很多都是用的GridLayout布局。另外，GridLayout是在4.0版本之后提供的，如果需要在之前的版本运行，需要引入其它的包（问度娘即可）。

       首先，我们得准备几个图片，分别对应数字2一直到2048（如果想要更多可以多做几个比如4096甚至更高）。因为本人对美工不擅长，所以暂时先从别人的程序里取了几张图片。

       接下来看代码，注释写得比较详细（虽然不规范），所以我就不多说了

Activity：

package com.example.t2048;

import java.util.ArrayList;
import java.util.List;
import java.util.Random;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.GridLayout;
import android.widget.ImageView;

public class MainActivity extends Activity {

GridLayout gridLayout = null;

//用于保存空格的位置
List<Integer> spaceList = new ArrayList<Integer>();
//用于保存有数字格的位置
List<Integer> stuffList = new ArrayList<Integer>();

/**
* 图标数组
*/
private final int[] icons = { R.drawable.but_empty, R.drawable.but2,
R.drawable.but4, R.drawable.but8, R.drawable.but16,
R.drawable.but32, R.drawable.but64, R.drawable.but128,
R.drawable.but256, R.drawable.but512, R.drawable.but1024,
R.drawable.but2048, R.drawable.but4096 };

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

gridLayout = (GridLayout) findViewById(R.id.GridLayout1);

init();
}

//初始化界面
public void init(){

//首先在16个各种都填上空白的图片
for(int i=0;i<16;i++){
View view = View.inflate(this, R.layout.item, null);
ImageView image = (ImageView) view.findViewById(R.id.image);

image.setBackgroundResource(icons[0]);
spaceList.add(i);
gridLayout.addView(view);
}

//在界面中随机加入两个2或者4
addRandomItem();
addRandomItem();
}

//从空格列表中随机获取位置
public int getRandomIndex(){
Random random = new Random();
if(spaceList.size()>0)
return random.nextInt(spaceList.size());
else
return -1;
}

//在空白格中随机加入数字2
public void addRandomItem(){
int index = getRandomIndex();
if(index!=-1){
//获取对应坐标所对应的View
View view = gridLayout.getChildAt(spaceList.get(index));
ImageView image = (ImageView) view.findViewById(R.id.image);
//随机生成数字1或2
int i = (int) Math.round(Math.random()+1);
//将当前格子的图片置换为2或者4
image.setBackgroundResource(icons[i]);
//在空白列表中去掉这个格子
//spaceList.remove(spaceList.indexOf(index)); 该行代码写错，导致附录中的的问题
spaceList.remove(index);     //修正后的代码

}
}

public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

}

activity_main.xml

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/GridLayout1"
android:background="#708090"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:rowCount="4"
android:columnCount="4"
android:padding="20dp"
>

</GridLayout>

item.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/FrameLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<ImageView
android:id="@+id/image"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="3dp" />

</FrameLayout>

代码就这么多，总体还是比较简单的，当然，我目前先只考虑实现，没有考虑效率的问题。
下面是运行界面截图



界面比较简陋，但是最基本的布局我们已经实现了，在今后我会不断补充，把这个做的更加完整。

附：

目前这个代码运行起来，偶尔还会报错，我查了一下，暂时没有发现问题在哪，如果知道哪里有问题的，麻烦留言告诉我一下。当然，如果我找到了问题，也会更新到这篇博客里的。下面是报错时log的截图：



问题的解决：

昨天晚上又跟了一下代码，发现确实是自己疏忽写错了

问题在Activity中的第81行

            spaceList.remove(spaceList.indexOf(index));  

remove中应该传入index，我不小心写成index对应的值了

            spaceList.remove(index);  
改成这样后，我测试了一下，没有问题了。我在上文的代码中已经修改