Android群英傳-拼圖游戲puzzle-代碼設計和實現

Android群英傳-拼圖游戲puzzle-代碼設計和實現

上個周末，3個小時總體上讀完了《Android群英傳》，本周主要在研究代碼層次的設計和實現。
編譯安裝在手機上，玩了幾把，結合代碼，一周時間才掌握了整體的思路。
大部分時間，其實花在了“重構”上。
重構的過程，就是學習和思考的過程。

本文，算是一篇學習總結，總體介紹下這款小游戲的實現思路。
後面抽空，再改造下這個游戲不合理的設計方式，即格子是N*N+1，而不是N*N個。

寫到快吐了：在寫過的幾百篇文章裡，其中有很多案例了，寫得次數越多，越發現很多流程和思路是一致的。
因此，很有必要把一些通用的知識總結下。寫清楚了，再介紹就清楚多了。
文章的名字初步定為“可視化界面GUI應用開發總結：Android、iOS、Web、Swing、Windows開發等”，預計2015年12月7日之前發表。

代碼講解

1.包結構
cn.fansunion.puzzle
--activity
GlobalConst.java 幾個全局常量
MainActivity.java 游戲的入口Activity
PuzzleActivity.java 拼圖游戲過程的Activity
--adapter
MainGridViewAdapter.java 游戲入口界面的Gridview的適配器，可以理解成GridView的數據提供者
PuzzleGridViewAdapter.java拼圖界面的GridView的適配器
--bean
GridItem.java 表格中的1個元素
--util
GameUtil.java 封裝了游戲規則
ImageUtil.java 圖片處理工具
ScreenUtil.java 屏幕工具

2.基礎類講解
GameUtil.java
isMoveable：判斷圖片是否可以移動，或者稱為“能否和空格進行交換”，根據GridView中的position，判斷是否和空格是“相鄰”的就可以了。
swapItems：交換2個GridItem的位置，在判斷可以移動之後
isSuccess：判斷當前拼圖是否完成
getPuzzleGenerator：生成隨機的Item，就是把N*N個數字的位置，打亂
canSolve：判斷隨機生成的Item是否有解，即能否通過移動交換圖片，還原“原圖”。
（這個地方的設計，也比較坑。我目前認為，可以換種方式生成初始拼圖，即隨機交換空格和周邊的圖片N次。因為“交換是可逆的”，所以總是有解）

ImageUtil.java：把1個圖片，切成N*N個;放大圖片。
ScreenUtil.java:獲得屏幕的大小、密度。

GridItem.java:游戲拼圖的核心Model，表格中的1項，id、圖片資源id、圖片資源，方便繪圖和游戲規則實現。
MainGridViewAdapter.java和PuzzleGridViewAdapter.java：繼承android.widget.BaseAdapter，重載若干方法。

GlobalConst.java：一些常量，太簡單了吧。

3.游戲的流程
游戲入口MainActivity.java
核心流程：
a.設置主體界面
setContentView(R.layout.xpuzzle_main);
b.初始化其它界面，按鈕等
initViews();
c.數據適配器
gridView.setAdapter(new MainGridViewAdapter(
MainActivity.this, bitmapList));
d.按鈕、界面等綁定事件
gridView.setOnItemClickListener
e.事件響應

重要事件
a.選擇游戲難度，保存到Type字段中。給用戶一個“彈出對話框”選擇。

 selectedTypeTextView.setOnClickListener(
                new OnClickListener() {


                    @Override
                    public void onClick(View v) {
                        // 彈出popup window
                        popupShow(v);
                    }
                });
    }

b.游戲自帶若干圖片和使用系統圖片。
用表格展示的，Item點擊監聽，最後1個圖片，表示選擇“本地圖庫或者相機拍攝”，其它圖片就直接選擇了。

 gridView.setOnItemClickListener(new OnItemClickListener() {


            @Override
            public void onItemClick(AdapterView arg0, View view,
                                    int position, long arg3) {
                if (position == photoResourceIdArray.length - 1) {
                    // 選擇本地圖庫 相機
                    showDialogCustom();
                } else {
                    // 選擇默認圖片
                    Intent intent = new Intent(
                            MainActivity.this,
                            PuzzleMain.class);
                    intent.putExtra(GlobalConst.SELECT_PHOTO_ID, photoResourceIdArray[position]);
                    intent.putExtra(GlobalConst.TYPE, type);
                    startActivity(intent);
                }
            }
        });

本地圖庫和相機拍照，是2套類似的邏輯。用戶選擇之後，調用圖庫相機回調方法，保存用戶選擇的圖片。
然後就進入到“拼圖游戲主界面”了。

拼圖游戲主界面PuzzleActivity.java
核心流程：
a.設置主體布局
setContentView(R.layout.xpuzzle_puzzle_detail_main);
b.獲得用戶選擇的圖片，並切圖
getIntent().getExtras().getInt(GlobalConst.SELECT_PHOTO_ID);
c. 初始化其它Views
initViews();
d. 調用GameUtil生成游戲初始數據，並啟動定時器。（寫到這裡突然發現，又不合理了，定時器，應該在程序全部初始化完成之後，再開啟。）
generateGame();
e.事件綁定。
// 返回按鈕點擊事件
backButton.setOnClickListener(this);
// 顯示原圖按鈕點擊事件
imageButton.setOnClickListener(this);
// 重置按鈕點擊事件
restartButton.setOnClickListener(this);

// GridView點擊事件（最重要的其實是這個），圖片可否移動，在能夠移動的情況下，需要“交換圖片、”“更新繪圖”、“更新步數”。
//在成功的情況下，後續處理（停止計時等）

  gridView.setOnItemClickListener(new OnItemClickListener() {


            @Override
            public void onItemClick(AdapterView arg0, View view,
                                    int position, long arg3) {
                // 判斷是否可移動
                if (GameUtil.isMoveable(position)) {
                    // 交換點擊Item與空格的位置
                    GameUtil.swapItems(
                            GameUtil.gridItemList.get(position),
                            GameUtil.blankGridItem);
                    // 重新獲取圖片
                    recreateData();
                    // 通知GridView更改UI
                    puzzleGridViewAdapter.notifyDataSetChanged();
                    // 更新步數
                    stepCount++;
                    stepCountTextView.setText( + stepCount);
                    // 判斷是否成功
                    if (GameUtil.isSuccess()) {
                        // 將最後一張圖顯示完整
                        recreateData();
                        bitmapItemList.remove(TYPE * TYPE - 1);
                        bitmapItemList.add(lastBitmap);
                        // 通知GridView更改UI
                        puzzleGridViewAdapter.notifyDataSetChanged();
                        Toast.makeText(PuzzleMain.this, 拼圖成功!,
                                Toast.LENGTH_LONG).show();
                        gridView.setEnabled(false);
                        timer.cancel();
                        timerTask.cancel();
                    }
                }
            }
        });

4.資源
布局、菜單、字符串，結合Java代碼，很容易讀懂。
 

個人看法
目前的技術，入門，達到中級水平，能夠干活和賺錢，還是比較容易的。
達到一定水平之後，想要繼續高深，就要看個人對技術的理解了。
至於重構、代碼規范、游戲設計，每個人都有自己的理解。
結合實際情況，再做具體考量。