2048游戏基本上有四部分组成,
1:主activity,包含游戏块的16个方格,上面统计分数的模块
2:底下的gridview,监听上下左右的滑动,进行事件处理,
3:每一个卡片,里面的内容很简单,只有一个text,记录显示的数字
4:Actionbar,是游戏用重新开始,设置等功能(这个在底下可以下载的代码里面还没有实现)
写代码的流程
1:设计游戏的布局,基本是两块,上面是分数模块,下面是gridview
2:代码实现gridview(组合控件)
3:判断处理使gridview可以监听上下左右滑动的事件
4:实现gridview中的card类,里面就是一个textview(组合控件)
5:在gridview中添加card
6:在游戏的初始时随机添加两个数字
7:实现游戏逻辑,进行上下左右的事件处理
8:计分,实现上面分数统计的模块
9:检查游戏结束
10:优化处理,不同数字具有不同的颜色
11:添加动画效果,我的其他文章中有专门对动画进行的阐述
12:添加anctionbar继续进行优化
主activity的页面布局:activity_main.xml
<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:orientation="vertical"
android:background="#EAEAEE"
tools:context=".MainActivity" >
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="5" >
<LinearLayout
android:layout_marginLeft="30dp"
android:layout_marginTop="30dp"
android:layout_marginBottom="30dp"
android:layout_width="120dp"
android:layout_height="250dp"
android:background="@drawable/yellowrounded_half_bg">
<TextView
android:id="@+id/now_most_score"
android:gravity="center"
android:layout_width="fill_parent"
android:textSize="80px"
android:textColor="#FFFFFF"
android:textStyle="bold"
android:layout_height="100dp" />
</LinearLayout>
<LinearLayout
android:layout_marginLeft="170dp"
android:layout_marginTop="5dp"
android:layout_width="80dp"
android:layout_height="80dp"
android:orientation="vertical"
android:background="@drawable/orangerounded_half_bg">
<TextView
android:layout_width="fill_parent"
android:textSize="26px"
android:text="@string/score"
android:textColor="#FF6666"
android:textStyle="bold"
android:layout_height="40dp" />
<TextView
android:id="@+id/now_all_score"
android:layout_width="fill_parent"
android:textSize="26px"
android:textColor="#FFFFFF"
android:textStyle="bold"
android:text="0"
android:layout_height="40dp" />
</LinearLayout>
<LinearLayout
android:layout_marginLeft="265dp"
android:layout_marginTop="5dp"
android:layout_width="80dp"
android:orientation="vertical"
android:layout_height="80dp"
android:background="@drawable/orangerounded_half_bg">
<TextView
android:layout_width="fill_parent"
android:textSize="26px"
android:text="@string/main_score"
android:textColor="#FF6666"
android:textStyle="bold"
android:layout_height="40dp" />
<TextView
android:id="@+id/history_most_score"
android:layout_width="fill_parent"
android:textSize="26px"
android:text="0"
android:textColor="#FFFFFF"
android:textStyle="bold"
android:layout_height="40dp" />
</LinearLayout>
<ImageView
android:layout_marginLeft="265dp"
android:layout_marginTop="105dp"
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@drawable/sf" />
<LinearLayout
android:layout_marginLeft="170dp"
android:layout_marginTop="105dp"
android:layout_width="80dp"
android:layout_height="80dp"
android:orientation="vertical"
android:background="@drawable/orangerounded_half_bg">
<TextView
android:layout_width="fill_parent"
android:textSize="26px"
android:text="@string/author"
android:textColor="#FF6666"
android:textStyle="bold"
android:layout_height="40dp" />
<TextView
android:layout_width="fill_parent"
android:textSize="26px"
android:textColor="#FFFFFF"
android:textStyle="bold"
android:text="@string/author_name"
android:layout_height="40dp" />
</LinearLayout>
</RelativeLayout>
<com.example.game2048.MyGridView
android:id="@+id/girdlayout"
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="9" >
</com.example.game2048.MyGridView>
</LinearLayout>
MainActivity.java
package com.example.game2048;
import android.app.Activity;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.widget.TextView;
public class MainActivity extends Activity {
private TextView now_most_score,now_all_score,history_most_score;
private int most_score = 0 , all_score = 0;
private static MainActivity mainactivity;
public MainActivity() {
super();
mainactivity = this;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
now_most_score = (TextView) findViewById(R.id.now_most_score);
now_all_score = (TextView) findViewById(R.id.now_all_score);
history_most_score = (TextView) findViewById(R.id.history_most_score);
}
public static MainActivity getMainActivity(){
return mainactivity;
}
public void clearScore(){
most_score = 0;
all_score = 0;
showScore();
}
private void showScore(){
SharedPreferences mySharedPreferences= getSharedPreferences("my2048", Activity.MODE_PRIVATE);
SharedPreferences.Editor editor = mySharedPreferences.edit();
now_most_score.setText( most_score + "");
now_all_score.setText( all_score + "");
history_most_score.setText(mySharedPreferences.getInt("his_score", 0)+"");
if(all_score > Integer.parseInt(history_most_score.getText().toString()) ){
history_most_score.setText(all_score+"");
editor.putInt("his_score", all_score);
//提交当前数据
editor.commit();
}
}
public void addScore(int p,int s){
most_score = p;
all_score += s;
showScore();
}
}
MyGridView.java
package com.example.game2048;
import java.util.ArrayList;
import java.util.List;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.graphics.Point;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.GridLayout;
public class MyGridView extends GridLayout {
private MyCard[][] cards = new MyCard[4][4];
private List<Point> emptyPoints = new ArrayList<Point>();
public MyGridView(Context context) {
super(context);
initGame();
}
public MyGridView(Context context, AttributeSet attrs) {
super(context, attrs);
initGame();
}
public MyGridView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initGame();
}
private void initGame(){
setColumnCount(4);
// setBackgroundColor(0xffFAF9DE);
// setBackground(getResources().getDrawable(R.drawable.bk_pq));
setOnTouchListener(new OnTouchListener() {
private float startx,starty,offerx,offery;
@Override
public boolean onTouch(View arg0, MotionEvent arg1) {
switch (arg1.getAction()) {
case MotionEvent.ACTION_DOWN:
startx = arg1.getX();
starty = arg1.getY();
break;
case MotionEvent.ACTION_UP:
offerx = arg1.getX() - startx;
offery = arg1.getY() - starty;
if(Math.abs(offerx) > Math.abs(offery)){
//横向偏移量大
if(offerx > 5){
moveright();
}else if(offerx < -5){
moveleft();
}
}else{
//纵向偏移量大
if(offery > 5){
movedown();
}else if(offery < -5){
moveup();
}
}
break;
}
return true;
}
});
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
int cardwidth = (Math.min(w, h)-10)/4;
addCard(cardwidth,cardwidth);
startGanme();
}
private void startGanme() {
for (int y = 0; y < 4; y++) {
for (int x = 0; x < 4; x++) {
cards[x][y].setNum(0);
}
}
addRandom();
addRandom();
showScore(0);
}
private void addCard(int cardWidth, int cardHeight) {
MyCard c ;
for (int y = 0; y < 4; y++) {
for (int x = 0; x < 4; x++) {
c = new MyCard(getContext());
c.setNum(2);
addView(c, cardWidth, cardHeight);
cards[x][y] = c;
}
}
}
private void addRandom(){
emptyPoints.clear();
for (int y = 0; y < 4; y++) {
for (int x = 0; x < 4; x++) {
if(cards[x][y].getNum()<=0){
emptyPoints.add(new Point(x, y));
}
cards[x][y].setBackGroundColor(cards[x][y].getNum());
}
}
Point p = emptyPoints.remove((int)(Math.random()*emptyPoints.size()));
cards[p.x][p.y].setNum(Math.random()>0.1?2:4);
}
private void moveup(){
boolean flag = false;
for (int x = 0; x < 4; x++) {
for (int y = 0; y < 4; y++) {
for (int y1 = y+1; y1 < 4; y1++) {
if(cards[x][y1].getNum() > 0){
if (cards[x][y].getNum()<=0) {
cards[x][y].setNum(cards[x][y1].getNum());
cards[x][y1].setNum(0);
y--;
flag = true;
}else if (cards[x][y].equals(cards[x][y1])){
cards[x][y].setNum(cards[x][y].getNum()*2);
cards[x][y1].setNum(0);
showScore(cards[x][y].getNum());
flag = true;
}
break;
}
}
}
}
if(flag){
addRandom();
if(checkComplete()){
showAgainDialog();
}
}
}
private void movedown(){
boolean flag = false;
for (int x = 0; x < 4; x++) {
for (int y = 3; y >= 0; y--) {
for (int y1 = y-1; y1 >= 0; y1--) {
if(cards[x][y1].getNum() > 0){
if (cards[x][y].getNum()<=0) {
cards[x][y].setNum(cards[x][y1].getNum());
cards[x][y1].setNum(0);
y++;
flag = true;
}else if (cards[x][y].equals(cards[x][y1])){
cards[x][y].setNum(cards[x][y].getNum()*2);
cards[x][y1].setNum(0);
showScore(cards[x][y].getNum());
flag = true;
}
break;
}
}
}
}
if(flag){
addRandom();
if(checkComplete()){
showAgainDialog();
}
}
}
private void moveleft(){
boolean flag = false;
for (int y = 0; y < 4; y++) {
for (int x = 0; x < 4; x++) {
for (int x1 = x+1; x1 < 4; x1++) {
if(cards[x1][y].getNum() > 0){
if (cards[x][y].getNum()<=0) {
cards[x][y].setNum(cards[x1][y].getNum());
cards[x1][y].setNum(0);
x--;
flag = true;
}else if (cards[x][y].equals(cards[x1][y])){
cards[x][y].setNum(cards[x][y].getNum()*2);
cards[x1][y].setNum(0);
showScore(cards[x][y].getNum());
flag = true;
}
break;
}
}
}
}
if(flag){
addRandom();
if(checkComplete()){
showAgainDialog();
}
}
}
private void moveright(){
boolean flag = false;
for (int y = 0; y < 4; y++) {
for (int x = 3; x >= 0 ; x--) {
for (int x1 = x-1; x1 >= 0; x1--) {
if(cards[x1][y].getNum() > 0){
if (cards[x][y].getNum()<=0) {
cards[x][y].setNum(cards[x1][y].getNum());
cards[x1][y].setNum(0);
x++;
flag = true;
}else if (cards[x][y].equals(cards[x1][y])){
cards[x][y].setNum(cards[x][y].getNum()*2);
cards[x1][y].setNum(0);
showScore(cards[x][y].getNum());
flag = true;
}
break;
}
}
}
}
if(flag){
addRandom();
if(checkComplete()){
showAgainDialog();
}
}
}
private void showAgainDialog() {
new AlertDialog.Builder(getContext()).setTitle("Loser").setMessage("Again").setPositiveButton("Again", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface arg0, int arg1) {
startGanme();
}
}).show();
}
private boolean checkComplete() {
for (int y = 0; y < 4; y++) {
for (int x = 0; x < 4 ; x++) {
if(cards[x][y].getNum()==0 ||
(x > 0 && cards[x-1][y].equals(cards[x][y])) ||
(x < 3 && cards[x+1][y].equals(cards[x][y])) ||
(y > 0 && cards[x][y-1].equals(cards[x][y])) ||
(y < 3 && cards[x][y+1].equals(cards[x][y])) ){
return false;
}
}
}
return true;
}
private void showScore(int s) {
int large = 0;
for (int y = 0; y < 4; y++) {
for (int x = 0; x < 4 ; x++) {
if(large < cards[x][y].getNum()){
large = cards[x][y].getNum();
}
}
}
MainActivity.getMainActivity().addScore(large,s);
}
}
MyCard.java
package com.example.game2048;
import android.content.Context;
import android.util.AttributeSet;
import android.view.Gravity;
import android.widget.FrameLayout;
import android.widget.TextView;
public class MyCard extends FrameLayout {
private int num = 0 ;
private TextView textview;
public MyCard(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
public MyCard(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public MyCard(Context context) {
super(context);
init();
}
private void init(){
textview = new TextView(getContext());
textview.setTextSize(32);
textview.setGravity(Gravity.CENTER);
textview.setBackgroundColor(0x33ffffff);
LayoutParams lp = new LayoutParams(-1, -1);
lp.setMargins(10, 10, 0, 0);
addView(textview, lp);
setNum(0);
}
public int getNum(){
return num;
}
public void setNum(int num){
this.num = num;
if(num<=0){
textview.setText("");
}else{
textview.setText(num+"");
}
}
public boolean equals(MyCard c){
return getNum() == c.getNum();
}
public void setBackGroundColor(int num){
switch (num) {
case 2:
textview.setBackgroundColor(0x33ffffff);
break;
case 4:
textview.setBackgroundColor(0x33FFFFCC);
break;
case 8:
textview.setBackgroundColor(0x33FF6666);
break;
case 16:
textview.setBackgroundColor(0x33FF3300);
break;
case 32:
textview.setBackgroundColor(0x33FF33FF);
break;
case 64:
textview.setBackgroundColor(0x330033FF);
break;
case 128:
textview.setBackgroundColor(0x3366FF66);
break;
case 256:
textview.setBackgroundColor(0x3300CC33);
break;
case 512:
textview.setBackgroundColor(0x33009933);
break;
case 1024:
textview.setBackgroundColor(0x33CCCC00);
break;
case 2048:
textview.setBackgroundColor(0x33CC0000);
break;
case 4096:
textview.setBackgroundColor(0x33FFCC99);
break;
case 8192:
textview.setBackgroundColor(0x33FFFF00);
break;
default:
textview.setBackgroundColor(0x33ffffff);
break;
}
}
}