从零开始开发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));
		}
	}

	
	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的截图:



从零开始开发Android版2048 (一)初始化界面,,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。