自学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>
<?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 (一)初始化界面,布布扣,bubuko.com
原文:http://blog.csdn.net/xiapinnong/article/details/24323465