2. 程式人生 > >學Android--實現2048小遊戲

學Android--實現2048小遊戲

阿新 • • 發佈：2019-02-10

1、遊戲佈局(activity_main.xml)
首先在xml檔案中實現遊戲的整體佈局
(1)新增兩個TextView用來顯示分數

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height
 
="wrap_content"
            android:text="@string/score" />

        <TextView
            android:id="@+id/tvScore"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

    </LinearLayout>

(2)2048遊戲介面的佈局，遊戲介面是通過程式碼來實現的，所以應該用包名加類名的方式來引用

    <com
 
.jxl.game2048.GameView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:id="@+id/gameView">   
    </com.jxl.game2048.GameView>

2、新建遊戲執行的主要類(GameView.java)，該類繼承GridLayout
(1)在構造方法中，需要對遊戲進行初始化( 呼叫initGameView()方法 )
initGameView()主要用來初始化遊戲，該方法中需要實現OnTouchListener,通過座標值判斷使用者滑動的方式，響應不同的事件
在initGameView()指定列數，設定背景：
setColumnCount(4);
setBackgroundColor(0xffbbada0);

setOnTouchListener(new OnTouchListener() {       
            private float startX,startY,offsetX,offsetY;        
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // TODO Auto-generated method stub
                switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    startX = event.getX();
                    startY = event.getY();
                    break;
                case MotionEvent.ACTION_UP:
                    offsetX = event.getX()-startX;
                    offsetY = event.getY()-startY;

                    //在水平方向上移動
                    if(Math.abs(offsetX)>Math.abs(offsetY)){
                        //向左滑動
                        if(offsetX<-5){
                            swipeLeft();
                        //向右滑動
                        }else if(offsetX>5){
                            swipeRight();
                        }
                    }else{
                        //向上滑動
                        if(offsetY<-5){
                            swipeUp();
                        //向下滑動
                        }else if(offsetY>5){
                            swipeDown();
                        }
                    }
                    break;
                default:
                    break;
                }
                return true;
            }
        });

3、將2048的介面看做由4*4的小方塊組成，將這些方塊抽象為Card類，該類繼承自FrameLayout
(1)遊戲進行時小方塊中的數字為2、4、8、16.……初始化所有小方塊，將數字設為0，即數字為0時表示這一格為空
setNum(0);

    private int num = 0;

    public int getNum() {
        return num;
    }

    public void setNum(int num) {
        this.num = num;
    }

(2)在構造方法中，需要對小方塊進行初始化，為小方塊新增TextView儲存數字，並設定字型大小，數字對應的顏色等

    private TextView label;
    public Card(Context context) {
        super(context);
        label = new TextView(getContext());
        label.setTextSize(32);
        label.setGravity(Gravity.CENTER);
        setNum(0);
    }
    public void setBGColor(int num){
        switch (num) {
        case 2:
            label.setBackgroundColor(0xffFFF68F);
            break;
        case 4:
            label.setBackgroundColor(0xffFFEC8B);
            break;
        case 8:
            label.setBackgroundColor(0xffFFD700);
            break;
        case 16:
            label.setBackgroundColor(0xffFFC125);
            break;
        case 32:
            label.setBackgroundColor(0xffFF890F);
            break;
        case 64:
            label.setBackgroundColor(0xffFFA500);
            break;
        case 128:
            label.setBackgroundColor(0xffFF8C00);
            break;
        case 256:
            label.setBackgroundColor(0xffFF7F24);
            break;
        case 512:
            label.setBackgroundColor(0xffFF4500);
            break;
        case 1024:
            label.setBackgroundColor(0xffFF0000);
            break;
        case 2048:
            label.setBackgroundColor(0xff7FF00);
            break;
        case 4096:
            label.setBackgroundColor(0xff68228B);
            break;
        default:
            label.setBackgroundColor(0x33ffffff);
            break;
        }
    }

(3)新增一個佈局引數，寬高為-1,表示填充滿整個父類容器：

        LayoutParams lp = new LayoutParams(-1,-1);
        //設定小方塊之間的間距
        lp.setMargins(10, 10, 0, 0);
        //然後將label新增進佈局中：
        addView(label, lp)

(4)在setNum()方法中，將數字轉換成字串並新增到對應的TextView中

    public void setNum(int num) {
        this.num = num;
        if(num<=0){
            label.setText("");
        }else{
            label.setText(num+"");
        }
    }

(5)新增equals()方法判斷兩個卡片上的數字是否相等：

    public boolean equals(Card o) {
        // TODO Auto-generated method stub
        return getNum()==o.getNum();
    }

4、將16個方塊抽象化為4*4的二維陣列，並將這些小方塊新增到佈局中

    private Card[][] cardsMap = new Card[4][4];
    private void addCards(int cardWidth,int cardHeight){
        Card c;

        for(int y=0;y<4;y++){
            for(int x=0;x<4;x++){
                c = new Card(getContext());
                c.setNum(0);
                c.setBGColor(c.getNum());
                addView(c, cardWidth, cardHeight);

                cardsMap[x][y] = c;
            }

        }
    }

5、新建emptyPoint List來存放空的小方塊

private List<Point> emptyPoints = new ArrayList<Point>();

遊戲中新生成的數字在這些空的小方塊中隨機出現

    private void addRandomNum(){

        emptyPoints.clear();

        for (int y = 0; y < 4; y++) {
            for (int x = 0; x < 4; x++) {
                if(cardsMap[x][y].getNum()<=0){
                    emptyPoints.add(new Point(x,y));
                }
            }

        }

        Point p = emptyPoints.remove((int)(Math.random()*emptyPoints.size()));
        //隨機產生2或4，生成2的概率大於4
        cardsMap[p.x][p.y].setNum(Math.random()>0.1?2:4);
        cardsMap[p.x][p.y].setBGColor(cardsMap[p.x][p.y].getNum());
    }

6、開始遊戲，實現startGame()方法

    private void startGame(){

        MainActivity.getMainActivity().clearScore();

        for (int y = 0; y < 4; y++) {
            for(int x = 0; x < 4; x++){
                cardsMap[x][y].setNum(0);
            }           
        }
        //隨機生成兩個數字
        addRandomNum();
        addRandomNum();
    }

7、實現遊戲中最重要的部分—使用者滑動後需要呼叫的方法，以向左滑動為例

    private void swipeLeft(){

        boolean merge = false;
        //從上至下的第一行開始
        for (int y = 0; y < 4; y++) {
        //從左至右
            for(int x = 0; x < 4; x++){

                for(int x1 = x+1; x1 < 4; x1++){
                    //當前位置上的值不為0
                    if(cardsMap[x1][y].getNum()>0){
                        //當前方塊左邊的方塊為空，則將當前方塊的值傳到左邊，直到左邊是不為空的方塊為止
                        if(cardsMap[x][y].getNum()<=0){
                            cardsMap[x][y].setNum(cardsMap[x1][y].getNum());
                            cardsMap[x][y].setBGColor(cardsMap[x][y].getNum());
                            cardsMap[x1][y].setNum(0);
                            cardsMap[x1][y].setBGColor(cardsMap[x1][y].getNum());
                            x--;
                            merge = true;
                        //左邊卡片的值不為空且與當前值當等
                        }else if(cardsMap[x][y].equals(cardsMap[x1][y])){
                            cardsMap[x][y].setNum(cardsMap[x][y].getNum()*2);
                            cardsMap[x][y].setBGColor(cardsMap[x][y].getNum());
                            cardsMap[x1][y].setNum(0);
                            cardsMap[x1][y].setBGColor(cardsMap[x1][y].getNum());

                            MainActivity.getMainActivity().addScore(cardsMap[x][y].getNum());
                            merge = true;
                        }
                        break;
                    }
                }
            }           
        }

        if(merge){
            //完成後再新增一個隨機數字
            addRandomNum();
            //並判斷遊戲是否結束
            checkComplete();
        }
    }
    private void checkComplete(){

        boolean complete = true;

        ALL:
        for (int y = 0; y < 4; y++) {
            for(int x = 0; x < 4; x++){
                if(cardsMap[x][y].getNum()==0||
                        (x>0&&cardsMap[x][y].equals(cardsMap[x-1][y]))||
                        (x<3&&cardsMap[x][y].equals(cardsMap[x+1][y]))||
                        (y>0&&cardsMap[x][y].equals(cardsMap[x][y-1]))||
                        (y<3&&cardsMap[x][y].equals(cardsMap[x][y+1]))){

                    complete = false;
                    break ALL;
                }
            }
        }

        if(complete){
            new AlertDialog.Builder(getContext()).setTitle("2048").
            setMessage("遊戲結束").setPositiveButton("重來", new DialogInterface.OnClickListener() {

                @Override
                public void onClick(DialogInterface arg0, int arg1) {
                    // TODO Auto-generated method stub
                    startGame();
                }
            }).show();
        }
    }

8、在GameView中重寫onSizeChanged()方法，動態地計算每個方塊的寬、高：
在AndroidManifest.xml中修改屏幕布局為垂直：
android:screenOrientation=”portrait”

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        // TODO Auto-generated method stub
        super.onSizeChanged(w, h, oldw, oldh);

        //對寬、高求最小值，然後求出每一個小方塊的寬度
        int cardWidth = (Math.min(w,h)-10)/4;
        //將小方塊新增到佈局中
        addCards(cardWidth, cardWidth);
        startGame();
    }

9、在MainActivity中新增addScore()、showScore()、clearScore()方法，實現計分功能

public class MainActivity extends Activity {

    private TextView tvScore;
    private int score = 0;

    public MainActivity(){
        mainActivity = this;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tvScore = (TextView) findViewById(R.id.tvScore);
    }

    public void clearScore(){
        score = 0;
        showScore();
    }

    public void showScore(){
        tvScore.setText(score+"");
    }

    public void addScore(int s){
        score+=s;
        showScore();
    }

    private static MainActivity mainActivity = null;

    public static MainActivity getMainActivity(){
        return mainActivity;

    }

}

注：該文章根據“極客學院”中2048遊戲視訊教程總結而來

相關推薦

學Android--實現2048小遊戲

1、遊戲佈局(activity_main.xml) 首先在xml檔案中實現遊戲的整體佈局 (1)新增兩個TextView用來顯示分數 <LinearLayout android:layout_width="match_pare

C語言介面實現2048小遊戲

這是我在大一第二學期（兩年前）為了參加比賽，自學後寫的一個Dome，拿出來和大家分享一下，程式碼為兩年前的程式碼，未改動，優化以及各式可能很一般，請見諒。 #include "stdio.h" #include "stdlib.h" #include "time.h" #d

JQuery初體驗-JavaScript實現2048小遊戲PC端

目錄 效果圖 遊戲頁面 遊戲頁面樣式 遊戲基礎邏輯 遊戲動畫邏輯 遊戲主邏輯 遊戲互動邏輯 效果圖： 遊戲頁面： <!DOCTYPE html> <html lang="en"> <head> <

C++實現2048小遊戲（控制檯版的）

無聊，在公司寫了個2048小遊戲的程式，聊以自娛。（事實是我手機壞了，沒得玩）。 很簡單，直接上程式碼了。 #include <iostream> #include <windows.h> #include <ctime> using

java實現2048小遊戲

學習Java基礎有一段時間了，一直想做個小的桌面程式練下手，最近自己有點時間用Java寫了一個2048的桌面程式，和大家分享一下！！！ 遊戲效果展示： 1、設計思想 AppFrame.java遊戲的啟動類，只調用了一個MainFrame的構造方法 MainFrame.ja

js實現2048小遊戲

最近同學參加宣講會，說有個公司要求是寫一個2048小遊戲，參考了一點網上的程式碼以後，自己寫了一個。 寫的思路如下： 1.設定好HTML佈局。大盒子巢狀小盒子，這塊沒什麼可說的。 2.實現遊戲初始化，生成一開始的兩個小塊。這裡就要實現生成隨機2或4，還

C語言在linux終端下實現2048小遊戲：第二版

原來我轉載過一個機遇ncurses的2048，今天無聊自己手寫了一個，看下我的目錄結構： $ tree ../2048/ ../2048/ ├── 2048.c ├── 2048.h └── main.c 0 directories, 3 files 2048.h

C#實現2048小遊戲

要實現這個簡單的小遊戲主要在於實現一個方向移動 數字的移動及合併該如何處理 然後其它方向的邏輯是相同的 我做的這個基本功能實現了 主要分為三個類 Box.cs格子類（一些格子裡儲存的資料，行下標，列下標，是否合併過的開關。。） Grid.cs網格類（主要演算法在裡

C++實現2048小遊戲

程式碼如下： #define _CRT_SECURE_NO_WARNINGS//去掉編譯器內部擴增問題#include<stdio.h>#include<stdlib.h>#include<math.h>#include<graphics.h>//需要下載圖形庫

2048小遊戲主要算法實現

mes 方向 時間限制 上下左右 print ron weight color ges http://acm.tzc.edu.cn/acmhome/problemdetail.do?&method=showdetail&id=4681 4681: 2

C語言實現簡易2048小遊戲

blog 而在 而是 null 移動 是我 我們 空指針 主體 一直很喜歡玩這個小遊戲，簡單的遊戲中包含運氣與思考與策略，喜歡這種簡約又不失內涵的遊戲風格。於是萌生了用C語言實現一下的想法。 具體代碼是模仿這個：https://www.cnblogs.com/judgeyo

用C++、Qt實現的小遊戲2048

圖片 explicit AC 向上 類的構造函數 += cli 而後 遊戲 窗口布局與遊戲截圖： 實現思路： 1.使用二維數組模擬整個遊戲網格，並將二維數組中每個數的大小用作遊戲中每個網格中的數據。 2.將對遊戲的數據及數據的操作（即玩家的操

Android-貪吃蛇小遊戲-分析與實現-Kotlin語言描述

otl bject vid oid 小遊戲 同時 們的 http 畫布 Android-貪吃蛇小遊戲-分析與實現-Kotlin語言描述 Overview 本章的主要的內容是貪吃蛇小遊戲的分析和實現，關於實現的具體代碼可以在，文章底部的github的鏈接中找到。 整個遊戲通過

C語言實現最簡單的2048小遊戲

網上解釋很多了，直接上程式碼吧，這個功能很簡單，易於學習，後期有時間會完善功能 #include<stdio.h> #include<stdlib.h> #include<string.h> #define Key_Up 0x4800

[原始碼和文件分享]基於Python的PyGame庫實現的2048小遊戲

一、簡介 2048的遊戲規則很簡單，每次可以選擇上下左右其中一個方向去滑動，每滑動一次，所有的數字方塊都會往滑動的方向靠攏外，系統也會在空白的地方亂數出現一個數字方塊，相同數字的方塊在靠攏、相撞時會相加。系統給予的數字方塊不是2就是4，玩家要想辦法在這小小的16格範圍中湊出“2048”這個數字方

lua實現一個2048小遊戲

用lua寫了個在consle上執行的2048，這裡簡單說下是如何實現的。（原始碼地址：http://download.csdn.net/detail/c_boy_lu/9393255） 1.實現一

C語言實現的2048小遊戲

給大一新生寫的一個小遊戲。 缺點：函式名稱和功能略微不對應，函式功能寫得比較亂，時間記錄有誤差，可擴充套件性弱。 優點：通過幾個配置陣列，將單位方塊移動的函式縮短到30行以內。 #include <stdio.h> #include <windows.h&

2048小遊戲Python3.6.5實現

這個2048遊戲是我自學python以後寫的， 用了幾天時間。 其中的某些方法可能寫的很笨， 也可能還存在各種BUG， 歡迎各位評論指出。 下面貼出完整程式碼供大家學習交流。 import random #遊戲分數 gameScore = 0 #遊戲矩陣 matrix

2048小遊戲c++實現

用c++實現了一下2048小遊戲，沒有介面，用控制檯顯示。 #include <stdlib.h> #include <time.h> #include <string.h> #include <stdio.h&g

+js實現簡單的2048小遊戲

學習前端半年，本著興趣用canvas結合了js寫了個2048小遊戲，有的地方沒有完善的歡迎各位大神指出。 在寫遊戲開始，首先要在html裡建立canvas標籤，併為canvas增添id，以便使用js呼叫。 <!DOCTYPE html> <html>