Android实现2048小游戏

本文实例介绍了Android实现2048小游戏的相关代码,分享给大家供大家参考,具体内容如下

根据界面,主要实现4*4的格子方块比较麻烦,其他的都挺简单的.总体为实现4*4的格子,自定义GridLayout,并在其中添加触摸监听事件,进行一系列的操作,从而实现游戏的逻辑,最后再添加动画效果即可完成.
下面是设计思路:

一.GameView的设计

首先自定义一个类,继承GridLayout,添加两个构造方法

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轴的偏移量的比较

 //初始化变量的方法
  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,这个时候代表是空值,也就是空卡片.

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()函数,这个在程序打开的时候运行一次,通过他来动态设计卡片大小,并且添加卡片和开始游戏.

@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,也就是全部添加空卡片

 //添加卡片
  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

//开始游戏
  public void StartGame(){

    for (int y = 0;y<4;y++){
      for (int x = 0;x<4;x++){
        cardMap[y][x].setNum(0);
      }
    }
    AddRandomCard();
    AddRandomCard();
  }

随机添加卡片设计

//添加随机卡片
  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]);

}

这样大体框架就设计好了
接下来是滑动事件,这里只举例左滑

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();
    }
  }

每次添加卡片还需要判断是否结束游戏

//结束游戏
  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中实例化当前这个类,然后可以操作其方法,然后通过滑动来设置动画

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

}

最后主布局文件如下

<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>

以上就是本文的全部内容,希望对大家的学习有所帮助。

(0)

相关推荐

  • Android 游戏开发之Canvas画布的介绍及方法

    Canvas,在英语中,这个单词的意思是帆布.在Android中,则把Canvas当做画布,只要我们借助设置好的画笔(Paint类)就可以在画布上绘制我们想要的任何东西:另外它也是显示位图(Bitmap类)的核心类.随用户的喜好,Canvas还可设置一些关于画布的属性,比如,画布的颜色.尺寸等.Canvas提供了如下一些方法:    Canvas(): 创建一个空的画布,可以使用setBitmap()方法来设置绘制具体的画布.    Canvas(Bitmap bitmap): 以bitmap对

  • android游戏载入的activity跳转到游戏主菜单的activity具体实现

    复制代码 代码如下: public class LoadActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE);// 去掉标题栏 getWindow().setFlags(WindowManager.Layou

  • 解析Android游戏中获取电话状态进行游戏暂停或继续的解决方法

    对智能手机有所了解的朋友都知道其中一个应用广泛的手机操作系统Android 开源手机操作系统.那么在这一系统中想要实现通话的监听功能的话,我们应当如何操作呢?在这里就为大家详细介绍了Android监听通话的相关实现方法. 开发应用程序的时候,我们希望能够监听电话的呼入,以便执行暂停音乐播放器等操作,当电话结束之后,再次恢复播放.在Android平台可以通过TelephonyManager和PhoneStateListener来完成此任务.TelephonyManager作为一个Service接口

  • Android游戏开发实践之人物移动地图的平滑滚动处理

    如图所示为程序效果动画图 地图滚动的原理 在本人之前博客的文章中介绍过人物在屏幕中的移动方式,因为之前拼的游戏地图是完全填充整个手机屏幕的,所以无需处理地图的平滑滚动.这篇文章我着重的向 大家介绍一下控制人物移动后地图滚动的处理方式.举个例子 如上图所示 比如人物向右移动,如果地图贴在屏幕左边边界 将先移动人物在地图的坐标,当人物在屏幕中超过三分之二后 则将地图向人物行走的反方向移动给玩家一种人物还在向右移动的假象,其实这时候人物只是播放向右行走的动画 在屏幕中的坐标不变 ,当地图向人物行走反方

  • Unity3D游戏引擎实现在Android中打开WebView的实例

    本文讲述了如何在Unity中调用Android中的WebView组件,实现内部浏览器样式的页面切换.首先打开Eclipse创建一个Android的工程: UnityTestActivity.java 入口Activity ,Unity中会调用这个Activity中的方法从而打开网页. package com.xys; import android.content.Context; import android.content.Intent; import android.os.Bundle; i

  • Android五子棋游戏程序完整实例分析

    最近学习了五子棋的课程,感觉挺不错.然后自己写了个关于五子棋的android程序,从中还是能够学习到很多东西的.现在我们开始今天五子棋程序的编写历程.程序的源码请参见友情链接: 好了,我们现在开始一步步的构建出项目来,首先是如下的项目结构图: 运行的效果图: 一些前期做准备的代码 1. 主活动类MainActivity,在菜单中加入了再来一局的功能: public class MainActivity extends AppCompatActivity { private ChessBoardV

  • Android 游戏引擎libgdx 资源加载进度百分比显示案例分析

    因为案例比较简单,所以简单用AndroidApplication -> Game -> Stage 搭建框架 一.主入口,无特殊 复制代码 代码如下: public class App extends AndroidApplication { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //初始化Demo initialize(new Demo()

  • Android下SDL2实现五子棋游戏

    本文实例介绍了Android下用SDL2实现一个简单的五子棋游戏,分享给大家供大家参考,具体内容如下 1. Five.c // Five.c // SDL2 五子棋 // gcc -mwindows -o Five Five.c FiveData.c FiveData.h -lSDL2 -lSDL2main -lSDL2_image -lSDL2_ttf //#define _DEBUG_ #include <stdio.h> #include <string.h> #includ

  • Android游戏源码分享之2048

    引言 程序猿们,是否还在为你的老板辛辛苦苦的打工而拿着微薄的薪水呢,还是不知道如何用自己的应用或游戏来赚钱呢! 在这里IQuick将教您如何同过自己的应用来赚取自己的第一桶金! 你是说自己的应用还没有做出来? 不,在這里已经为你提供好了一个完整的游戏应用了,在文章的下面有源码的地址哦.你只要稍做修改就可以变成一个完全属于自己的应用了,比如将4*4换成5*5,甚至是其它的.如果你实在是慵懒至极的话,你只要将本应用的包名及广告换成自己的,就可以上传到市场上轻轻松松赚取自己的第一桶金了. 如果你觉得本

  • Android游戏开发之碰撞检测(矩形碰撞、圆形碰撞、像素碰撞)

    本文为大家分享了Android游戏开发之碰撞检测,供大家参考,具体内容如下 矩形碰撞 原理: 两个矩形位置 的四种情况 不是这四中情况 则碰撞 圆形碰撞 原理: 利用两个圆心之间的距离进行判定.当两个圆心的距离小于半径之和则碰撞. 像素碰撞 原理:不适用 遍历所有像素 检测 太多了 多矩形碰撞 原理:设置多个矩形碰撞检测区域 检测碰撞矩形数组 与另一碰撞矩形数组之间的位置关系. 矩形碰撞 代码: public class MySurfaceView extends SurfaceView imp

随机推荐