1.項(xiàng)目介紹

這是一款基于 Java 開發(fā)的移動端安卓小游戲——大家來拼圖

2.項(xiàng)目原理

把選定的一張圖片切分很多份，先是 33 格式，在一定的時(shí)間內(nèi)點(diǎn)擊格子交換使圖形拼成一張完整的圖片就算闖關(guān)成功，這樣關(guān)卡也很容易設(shè)計(jì)，33；44；55；6*6；

3.項(xiàng)目設(shè)計(jì)

我們需要一個(gè)容器，可以放這些圖片的塊塊，為了方便，我們準(zhǔn)備使用RelativeLayout 配合 addRule 實(shí)現(xiàn)

每個(gè)圖片的塊塊，我們準(zhǔn)備使用 ImageView

點(diǎn)擊交換，我們準(zhǔn)備使用傳統(tǒng)的 TranslationAnimation 來實(shí)現(xiàn)

4.項(xiàng)目實(shí)現(xiàn)

代碼實(shí)現(xiàn)：

首先，我們準(zhǔn)備實(shí)現(xiàn)能夠把一張圖片，切成 n*n 份，放在指定的位置；

我們只需要設(shè)置 n 這個(gè)數(shù)字，然后根據(jù)布局的寬或者高其中的小值，除以 n，減去一些邊距就可以得到我們 ImageView 的寬和高了

5.獲取布局

構(gòu)造方法里面，我們得到把設(shè)置的 margin 值轉(zhuǎn)化為 dp；獲得布局的 padding 值；整體是個(gè)正方形，所以我們?nèi)?padding 四個(gè)方向中的最小值；

onMeasure 里面主要就是獲得到布局的寬度，然后進(jìn)行圖片的準(zhǔn)備，以及初始化我們的 Item，為 Item 設(shè)置寬度和高度

6.準(zhǔn)備圖片

這里如果沒有設(shè)置 mBitmap 就準(zhǔn)備一張備用圖片，然后調(diào)用 ImageSplitter.split 將圖片切成 n * n 返回一個(gè) List，這需要新建一個(gè)圖片切割類 ImageSplitterUtil
切完以后，我們需要將順序打亂，所以我們調(diào)用了 sort 方法，至于比較器，我們使用 random 隨機(jī)比較大小，這樣我們就完成了我們的亂序操作，這里要新建一個(gè) ImagePiece 類來保存圖片以及索引。

7.初始化 item

Item寬的計(jì)算：childWidth = (mWidth - mPadding * 2 - mMargin * (mColumn - 1) ) / mColumn;
容器的寬度，除去自己的內(nèi)邊距，除去Item間的間距，然后除以Item一行的個(gè)數(shù)就得到了Item的寬
接下來，就是遍歷生成Item，根據(jù)他們的位置設(shè)置Rule

8.游戲圖片的切換

要實(shí)現(xiàn)點(diǎn)擊兩個(gè) Item，他們的圖片能夠發(fā)生交換，B 隱藏副本動畫移動到 B 的位置；B 副本移動到 A 的位置

把圖片設(shè)置為 B，把 B 副本移除，A 顯示，這樣就完美切合了，用戶感覺是 B 移動過去的

B同上

9.游戲勝利的判斷

遍歷所有的 Item，根據(jù) Tag 拿到真正的索引和當(dāng)然順序比較，完全一致則勝利~~勝利以后進(jìn)入下一關(guān)

10.游戲封面

添加一張背景圖片，寫入游戲名字（大家來拼圖），再設(shè)置幾個(gè)按鈕，然后點(diǎn)擊開始跳轉(zhuǎn)到游戲內(nèi)容界面。

項(xiàng)目效果展示：

到此這篇關(guān)于Java實(shí)現(xiàn)Android拼圖游戲設(shè)計(jì)過程解析的文章就介紹到這了,更多相關(guān)Java實(shí)現(xiàn)Android拼圖游戲設(shè)計(jì)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論