本文实例介绍了android实现2048小游戏的相关代码，分享给大家供大家参考，具体内容如下
根据界面,主要实现4*4的格子方块比较麻烦,其他的都挺简单的.总体为实现4*4的格子,自定义gridlayout,并在其中添加触摸监听事件,进行一系列的操作,从而实现游戏的逻辑,最后再添加动画效果即可完成.
下面是设计思路:
一.gameview的设计
首先自定义一个类,继承gridlayout,添加两个构造方法
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
public class gameview extends gridlayout {
//两个必要的构造方法
public gameview(context context) {
super(context);
initview();
}
public gameview(context context, attributeset attrs) {
super(context, attrs);
initview();
}
}
|
接下来在initview()中实现设置gridlayout为四列,并且添加触摸事件监听.(监听方法还可以重写ontouchevent(),返回值为true即可),判断触摸方向,主要是通过x轴和y轴的偏移量的比较
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
//初始化变量的方法
public void initview(){
//设置只有四列
setcolumncount(4);
//设置监听事件
setontouchlistener(new ontouchlistener() {
@override
public boolean ontouch(view v, motionevent event) {
switch (event.getaction()) {
case motionevent.action_down:
setx = event.getx();
sety = event.gety();
break;
case motionevent.action_up:
offsetx = event.getx() - setx;
offsety = event.gety() - sety;
//判断滑动方向
if (math.abs(offsetx) >= math.abs(offsety)) {
if (offsetx > 0) {
swipright();
} else if (offsetx < 0) {
swipleft();
}
} else {
if (offsety > 0) {
swipdown();
} else if (offsety < 0) {
swipup();
}
}
break;
}
return true;
}
});
}
|
监听事件实现后先放在那里,接下来把4*4的里面每个小格子设计成小卡片,每个卡片就是一个textview,卡片设计很简单,需要什么就添加什么,默认数字为0,这个时候代表是空值,也就是空卡片.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
public class card extends framelayout {
public card(context context) {
super(context);
tvcard = new textview(getcontext());
tvcard.settextsize(40f);
tvcard.setgravity(gravity.center);
layoutparams lp = new layoutparams(-1,-1);
lp.setmargins(15,15,0,0);
addview(tvcard, lp);
}
//卡片上的数字
private int num;
private boolean is2048 = true;
private void judgeis2048(int num){
if (is2048){
if (2048==num){
toast.maketext(getcontext(),"恭喜赵莹达到2048",toast.length_long).show();
is2048 = false;
}
}
}
public int getnum() {
return num;
}
public void setnum(int num) {
this.num = num;
if (num<=0){
tvcard.settext("");
}else {
//这里传进去的是字符串因此需要加上空字符
tvcard.settext(num+"");
}
switch (num) {
case 0:
tvcard.setbackgroundcolor(0x33ffffff);
break;
case 2:
tvcard.setbackgroundcolor(0xffeee4da);
break;
case 4:
tvcard.setbackgroundcolor(0xffede0c8);
break;
case 8:
tvcard.setbackgroundcolor(0xfff2b179);
break;
case 16:
tvcard.setbackgroundcolor(0xfff59563);
break;
case 32:
tvcard.setbackgroundcolor(0xfff67c5f);
break;
case 64:
tvcard.setbackgroundcolor(0xfff65e3b);
break;
case 128:
tvcard.setbackgroundcolor(0xffedcf72);
break;
case 256:
tvcard.setbackgroundcolor(0xffedcc61);
break;
case 512:
tvcard.setbackgroundcolor(0xffedc850);
break;
case 1024:
tvcard.setbackgroundcolor(0xffedc53f);
break;
case 2048:
tvcard.setbackgroundcolor(0xffedc22e);
break;
default:
tvcard.setbackgroundcolor(0xff3c3a32);
break;
}
judgeis2048(num);
}
//判断是否相等,用于合并
public boolean equals(card o) {
return getnum()==o.getnum();
}
//用于显示数字
private textview tvcard;
public textview gettvcard() {
return tvcard;
}
}
|
卡片设计就需要添加到gameview里面,这个时候重写onsizechanged()函数,这个在程序打开的时候运行一次,通过他来动态设计卡片大小,并且添加卡片和开始游戏.
|
1
2
3
4
5
6
7
8
|
@override
protected void onsizechanged(int w, int h, int oldw, int oldh) {
super.onsizechanged(w, w, oldw, oldh);
config.card_width = (math.min(w,h)-10)/4;
addcard(config.card_width);
startgame();
}
|
添加卡片,一开始全设置为0,也就是全部添加空卡片
|
1
2
3
4
5
6
7
8
9
10
11
12
|
//添加卡片
private void addcard(int card_width){
card c;
for (int x = 0;x<4;x++){
for (int y = 0;y<4;y++){
c = new card(getcontext());
c.setnum(0);
addview(c, card_width, card_width);
cardmap[y][x] = c;
}
}
}
|
游戏开始需要随机添加两张卡片,数值2或者4,出现比率9:1
|
1
2
3
4
5
6
7
8
9
10
11
|
//开始游戏
public void startgame(){
for (int y = 0;y<4;y++){
for (int x = 0;x<4;x++){
cardmap[y][x].setnum(0);
}
}
addrandomcard();
addrandomcard();
}
|
随机添加卡片设计
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
//添加随机卡片
private void addrandomcard(){
cardpoint.clear();
for (int y = 0;y<4;y++){
for (int x = 0;x<4;x++){
if (cardmap[x][y].getnum()<=0){
cardpoint.add(new point(x,y));
}
}
}
//把一张空卡片换成带数字的
point p = cardpoint.remove((int)(math.random()*cardpoint.size()));
cardmap[p.x][p.y].setnum(math.random()>0.1?2:4);
mainactivity.getmainactivity().getanimlayer().createscaleto1(cardmap[p.x][p.y]);
}
|
这样大体框架就设计好了
接下来是滑动事件,这里只举例左滑
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
private void swipleft(){
boolean status = false;
for (int y = 0; y < 4; y++) {
for (int x = 0; x < 4; x++) {
for (int x1 = x+1; x1 < 4; x1++) {
if (cardmap[x1][y].getnum()>0) {
if (cardmap[x][y].getnum()<=0) {
mainactivity.getmainactivity().getanimlayer().createmoveanim(cardmap[x1][y],cardmap[x][y], x1, x, y, y);
cardmap[x][y].setnum(cardmap[x1][y].getnum());
cardmap[x1][y].setnum(0);
x--;
status = true;
}else if (cardmap[x][y].equals(cardmap[x1][y])) {
mainactivity.getmainactivity().getanimlayer().createmoveanim(cardmap[x1][y], cardmap[x][y],x1, x, y, y);
cardmap[x][y].setnum(cardmap[x][y].getnum() * 2);
cardmap[x1][y].setnum(0);
mainactivity.getmainactivity().addscore(cardmap[x][y].getnum());
status = true;
}
break;
}
}
}
}
if (status){
addrandomcard();
checkgame();
}
}
|
每次添加卡片还需要判断是否结束游戏
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
//结束游戏
private void checkgame(){
boolean complete = true;
all:
for (int y = 0; y < 4; y++) {
for (int x = 0; x < 4; x++) {
if (cardmap[x][y].getnum()==0||
(x>0&&cardmap[x][y].equals(cardmap[x-1][y]))||
(x<3&&cardmap[x][y].equals(cardmap[x+1][y]))||
(y>0&&cardmap[x][y].equals(cardmap[x][y-1]))||
(y<3&&cardmap[x][y].equals(cardmap[x][y+1]))) {
complete = false;
break all;
}
}
}
if (complete) {
toast.maketext(getcontext(), "游戏结束" + mainactivity.getmainactivity().getscore(), toast.length_long).show();
}
}
|
设计总体上框架就是上面说的那些.
二.动画效果
动画效果主要是创建,移动,合并这三个效果,因此重写个继承framelayout的class,覆盖到游戏界面上,这样的目的可以通过mainactivity中实例化当前这个类,然后可以操作其方法,然后通过滑动来设置动画
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
public class animlayer extends framelayout {
public animlayer(context context, attributeset attrs, int defstyle) {
super(context, attrs, defstyle);
}
public animlayer(context context, attributeset attrs) {
super(context, attrs);
}
public animlayer(context context) {
super(context);
}
public void createmoveanim(final card from,final card to,int fromx,int tox,int fromy,int toy){
final card c = getcard(from.getnum());
layoutparams lp = new layoutparams(config.card_width, config.card_width);
lp.leftmargin = fromx*config.card_width;
lp.topmargin = fromy*config.card_width;
c.setlayoutparams(lp);
if (to.getnum()<=0) {
to.gettvcard().setvisibility(view.invisible);
}
translateanimation ta = new translateanimation(0, config.card_width*(tox-fromx), 0, config.card_width*(toy-fromy));
ta.setduration(100);
ta.setanimationlistener(new animation.animationlistener() {
@override
public void onanimationstart(animation animation) {}
@override
public void onanimationrepeat(animation animation) {}
@override
public void onanimationend(animation animation) {
to.gettvcard().setvisibility(view.visible);
recyclecard(c);
}
});
c.startanimation(ta);
}
private card getcard(int num){
card c;
if (cards.size()>0) {
c = cards.remove(0);
}else{
c = new card(getcontext());
addview(c);
}
c.setvisibility(view.visible);
c.setnum(num);
return c;
}
private void recyclecard(card c){
c.setvisibility(view.invisible);
c.setanimation(null);
cards.add(c);
}
private list<card> cards = new arraylist<card>();
public void createscaleto1(card target){
scaleanimation sa = new scaleanimation(0.1f, 1, 0.1f, 1, animation.relative_to_self, 0.5f, animation.relative_to_self, 0.5f);
sa.setduration(100);
target.setanimation(null);
target.gettvcard().startanimation(sa);
}
}
|
最后主布局文件如下
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#fffaf8ef"
android:orientation="vertical"
android:paddingbottom="@dimen/activity_vertical_margin"
android:paddingleft="@dimen/activity_horizontal_margin"
android:paddingright="@dimen/activity_horizontal_margin"
android:paddingtop="@dimen/activity_vertical_margin"
tools:context=".mainactivity">
<linearlayout
android:layout_margintop="15dp"
android:orientation="horizontal"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<textview
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textcolor="#ff776e65"
android:text="@string/title"
android:textsize="50sp"/>
</linearlayout>
<linearlayout
android:layout_width="match_parent"
android:orientation="horizontal"
android:layout_margintop="10dp"
android:layout_height="wrap_content">
<textview
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textcolor="#ff776e65"
android:layout_marginleft="30dp"
android:textsize="35sp"
android:text="@string/score"/>
<textview
android:id="@+id/tvscore"
android:layout_marginleft="20dp"
android:textsize="25sp"
android:textcolor="#ff776e65"
android:layout_width="70dp"
android:layout_height="37dp"
/>
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/startgame"
android:layout_marginleft="40dp"
android:background="#ffbbada0"
android:textsize="15sp"
android:text="@string/start"/>
</linearlayout>
<framelayout
android:id="@+id/gamecontainer"
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1">
<develop.niuli.com.game.gameview
android:layout_margintop="40dp"
android:id="@+id/gridlayout"
android:layout_width="match_parent"
android:background="#ffbbada0"
android:layout_height="350dp">
</develop.niuli.com.game.gameview>
<develop.niuli.com.game.animlayer
android:id="@+id/animlayer"
android:layout_width="match_parent"
android:layout_height="match_parent">
</develop.niuli.com.game.animlayer>
</framelayout>
</linearlayout>
|
以上就是本文的全部内容，希望对大家的学习有所帮助。