【文章內(nèi)容簡(jiǎn)介】 標(biāo)：設(shè)置有無(wú)音效 用例名稱：特效 目標(biāo)：設(shè)置有無(wú)音效 用例名稱：產(chǎn)菜單 目標(biāo)：返回主菜單 頁(yè)面介紹 The genral stf(1mpoyidvc,uh)0jb。5wT14 圖 主菜單 The genral stf(1mpoyidvc,uh)0jb。5wT15 圖 The genral stf(1mpoyidvc,uh)0jb。5wT16 圖 The genral stf(1mpoyidvc,uh)0jb。5wT17 圖 系統(tǒng)流程圖 The genral stf(1mpoyidvc,uh)0jb。5wT18 運(yùn)行環(huán)境需求 手機(jī)平臺(tái)： HTC Wildfire S A510e(G13) 手機(jī)系統(tǒng)： Android CPU頻率： 600MHz 機(jī)身內(nèi)存： 512MB ROM+786MB RAM 儲(chǔ)存卡： 2G 開(kāi)始游戲 開(kāi)始游戲 主菜單 設(shè)置 教學(xué)幫助 排名 The genral stf(1mpoyidvc,uh)0jb。5wT19 第 4 章 系統(tǒng)功能詳細(xì)設(shè)計(jì) 關(guān)鍵性功能點(diǎn)實(shí)現(xiàn) 在手面游戲開(kāi)始時(shí)，菜單欄兩側(cè)會(huì)產(chǎn)生一個(gè)水溝上升的效果。它是一自定義組件。 實(shí)例圖 一． 需要解決的技術(shù)問(wèn)題 1. 如何創(chuàng)建自定義組件。 2. 如何獲得幀圖處。 The genral stf(1mpoyidvc,uh)0jb。5wT20 3. 如何始組件動(dòng)起來(lái)。 二． 要解決以上問(wèn)題需要參考的文獻(xiàn)。 自定義組件的定義 自定義組件的使用 三 .實(shí)現(xiàn)步驟 第一步：要?jiǎng)?chuàng)建自定義組件。需用到 BubbleView 組件。在 Xml 中的代碼。 Width：控件寬度 Height：控件高度 marginLeflt：離屏幕左邊距離 start_x：屏幕 X 軸坐標(biāo) start_y：屏幕 Y 軸坐標(biāo) top:與頂部的距離 xmlns:app= android:layout_width=50dp android:layout_height=wrap_content android:layout_marginLeft=100dp app:bitmap=@drawable/bubble app:start_x=20 app:start_y=250 app:top=70 / 由于只實(shí)現(xiàn)氣泡的上升，不需要繪制和刷新其它的組件，為了減少代碼不必 要的冗余，所以就氣泡上升這個(gè)動(dòng)畫而言，只需創(chuàng)建一個(gè)自定義組件 ，獲得其氣泡圖片的資源和長(zhǎng)，寬，橫縱坐標(biāo)等基本屬性。 // 獲得組件屬性 TypedArray typdeArray = (attrs, )。 int bitmap = (, 0)。 The genral stf(1mpoyidvc,uh)0jb。5wT21 CharSequence start_x = typdeArray .getText()。 CharSequence start_y = typdeArray .getText()。 CharSequence top = ()。 ，而要進(jìn)行屏幕的刷新，每 秒，刷新一 次屏幕就可以使圖片產(chǎn)生動(dòng)態(tài)效果。為了要實(shí)現(xiàn)屏幕的不斷刷新，就要用過(guò)線程來(lái)實(shí)現(xiàn) 線程創(chuàng)建與調(diào)用： new ReFresh().start()。 線程 class ReFresh extends Thread { @Override public void run() { while (true) { try { (50)。 } catch (InterruptedException e) { ()。 } // 刷屏 postInvalidate()。 } } } 因?yàn)樵趯?shí)現(xiàn)氣泡上升過(guò)程中，多次反復(fù)使用有關(guān)氣泡的屬性和運(yùn)算方法。為了減少代碼的冗余，所以要將有關(guān)氣泡的所有屬性抽象成一個(gè)類，以便于創(chuàng)建該對(duì)象，方體于調(diào)用和使用。 The genral stf(1mpoyidvc,uh)0jb。5wT22 class Bubble { // 起始坐標(biāo) private int x = 0。 private int y = 0。 // 氣泡的上限 private int top = 0。 // 氣泡的大小 private float size = 5。 // 位移的度數(shù) private int degress = 0。 // 位移量 private float offset = 0。 private Bitmap bubble。 public Bubble(Bitmap bubble, int x, int y, int top) { = bubble。 = x。 = y。 = top。 } } 在 class Bubble{}中創(chuàng)建 drawBubble（）方法，由于每畫一個(gè)氣泡都要重新計(jì)算一次坐標(biāo)并且執(zhí)行一次氣泡的重繪，所以我們將坐標(biāo)的計(jì)算和氣泡重繪的算法封裝成一個(gè)方法。減少代碼量，便于程序的重構(gòu)與分析。 代碼解析： public void drawBubble(Canvas canvas, Paint paint) { // 更新氣泡的大小 size += 。 // 更新 y 坐標(biāo) y = 1。 // 更新位移度數(shù) The genral stf(1mpoyidvc,uh)0jb。5wT23 degress += 30。 // 更新位移 offset += 。 int nowX。 if (degress 90 || degress 270) { // 更新 x 坐標(biāo) nowX = (int) ((float) x + offset * (degress * / 180))。 } else { // 更新 x 坐標(biāo) nowX = (int) ((float) x offset * (degress * / 180))。 } // 類型轉(zhuǎn)換 int size = (int) 。 // 畫氣泡 (bubble, //從 0,0開(kāi)始獲取圖片的長(zhǎng)，圖片的寬 new Rect(0, 0, (), ()), //在從 nowX, y開(kāi)始畫，畫 nowX + size, y + size參數(shù)變么大 new Rect(nowX, y, nowX + size, y + size), paint)。 if (degress 360) { degress = 0。 } } onDraw（）方法。 該方法主要負(fù)責(zé)游戲界面的繪制工作。刷帖線程會(huì)定時(shí)調(diào)用該方法進(jìn)行屏幕刷新。 該方法的分析： 運(yùn)用判斷語(yǔ)句來(lái)實(shí)現(xiàn) 每 10 幀 向集合中添加 一個(gè)氣泡 ，用循環(huán)語(yǔ)句來(lái)獲得集合中 The genral stf(1mpoyidvc,uh)0jb。5wT24 的每一個(gè)氣泡，超過(guò)長(zhǎng)度時(shí)移除。并創(chuàng)建其對(duì)象，用自義 （）方法，來(lái)畫氣泡。 protected void onDraw(Canvas canvas) { (canvas)。 // 累加當(dāng)前幀數(shù) fream++。 // 每 10幀增加一個(gè)氣泡 if ((fream % 10) == 1) { // 增加一個(gè)氣泡 (new Bubble(bubble, start_x, start_y, top))。 } // 每 15幀增加一個(gè)氣泡 if ((fream % 15) == 1) { // 增加一個(gè)氣泡 (new Bubble(bubble, start_x, start_y, top))。 } // 畫出所有氣泡 for (int i = 0。 i ()。 i++) { // 得到氣泡對(duì)象 Bubble bubble = (i)。 // 畫出氣泡 (canvas, paint)。 // 如果氣泡到達(dá)上限 if (()) { // 從氣泡集合中移出此 對(duì)象 (i)。 } } The genral stf(1mpoyidvc,uh)0jb。5wT25 自定義按鈕 實(shí)例圖 一． 要解決的技術(shù)問(wèn)題 1. 獲取資源 2. 創(chuàng)建自定義按鈕 3. 給自定義按鈕加事件 三． 整體的功能的實(shí)現(xiàn) 根據(jù)自已的需要繪制出想要的組件，并添加相應(yīng)的事件，使其獲得相應(yīng)的功能。 The genral stf(1mpoyidvc,uh)0jb。5wT26 金幣動(dòng)畫效果 二維游戲海底撈中，玩家在每捕到一種魚(yú)時(shí)，屏幕就會(huì)顯示該魚(yú)應(yīng)得的分值。分值就會(huì)產(chǎn)生一閃爍的效果。 實(shí)例圖如： 一 . 需要解決的技術(shù)問(wèn)題 。 2. 如何讓 水波圖片產(chǎn)生動(dòng)態(tài)效果。 二． 解決上述技術(shù)問(wèn)題的需要的一些相關(guān)文獻(xiàn)資料 1. 從資源中獲取位圖 可以使用 BitmapDrawable 或者 BitmapFactory 來(lái)獲取資源中的位圖。 當(dāng)然，首先需要獲取資源： Resources res=getResources()。 使用 BitmapDrawable 獲取位圖 ? 使用 BitmapDrawable (InputStream is)構(gòu)造一個(gè) BitmapDrawable； The genral stf(1mpoyidvc,uh)0jb。5wT27 ? 使用 BitmapDrawable 類的 getBitmap()獲取得到位圖 ； 主要通過(guò)自定義 View 來(lái)開(kāi)發(fā)程序中的動(dòng)太效果。其主要的工作包括 ? 繪制屏幕：由于使用自定義 Veiw，程序的畫面需要從頭到尾進(jìn)行設(shè)計(jì)。這些工作都需要放在繪制屏幕模塊中進(jìn)行。 ? 刷新屏幕：在程序的運(yùn)行中，如果后臺(tái)數(shù)據(jù)發(fā)生了變化，需要開(kāi)發(fā)人員自己刷新屏幕以將最新的數(shù)據(jù)顯示給用戶。 只