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

浏览数：43 / 时间：2015年06月11日

自学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));
		}
	}

	
	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>

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

下面是运行界面截图