Android游戲開發教程之六：進度條加載

       由於Android開發 橫豎屏的切換會給游戲開發造成非常麻煩的事情 所以在游戲的制作當中會強制手機屏幕橫屏或者豎屏避免橫豎屏切換造成的數據重置 即使讓程序不在切換屏幕後調用onCreat()方法 也會帶來屏幕自適應的麻煩 所以Android的游戲一般都會強制橫屏或者強制豎屏。

　　強制橫屏的方法

1. //強制為橫屏  
2. setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);  

　　強制豎屏的方法

1. //強制豎屏  
2. setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);  

　　後期的博文我會詳細介紹 可以切換屏幕的情況下開發游戲和軟件，廢話不多說了。

　　1. 游戲主菜單

　　游戲中的菜單在游戲開發中雖然在程序員的眼力不是最難的開發難點但是它在玩家眼力確實很重要的一部分，因為任何一款游戲第一個進入玩家眼簾的就是游戲的主菜單，制作一個漂亮的界面對於游戲品質來說會提高很多。現在主流的游戲主菜單都是使用漂亮的背景加上一些動畫效果而構成，今天用自己寫的一個Demo向大家介紹如何制作一個漂亮的游戲菜單。

　　Demo中這個游戲界面一共是又3個部件組成的

　　1.游戲背景圖

　　2. 圖片按鈕 教學 與 設置，  在程序中須要對點擊圖片按鈕進行事件的處理

　　3.動畫效果 紅框中的小魚是一組游戲動畫 ，從一進游戲菜單界面開始小魚就從屏幕的右邊向左邊游讓界面動了起來， 游戲菜單中可以多加一些這樣的動畫效果會使游戲界面活靈活現起來，給玩家一種視覺的沖擊，游戲動畫繪制的方法我已經在前幾篇博客詳細的說明 如果看到這裡你還是不太清楚動畫如何來繪制請閱讀我前幾篇博客。

　　為了方便使用圖片按鈕 所以我寫了一個ImageButton類 專門來處理圖片按鈕的繪制以及監聽，這個類是非常有存在必要的 用對象去處理 會比在代碼中寫死坐標點來處理方便很多可以更好地管理這些圖片按鈕。用戶點擊屏幕後程序只需要調用ImageButton成員方法IsClick() 根據返回值 就可以確定用戶點擊的范圍是否在這個圖片按鈕中。

1. public class ImageButton {  
2.    
3.     /**按鈕圖片**/  
4.     private Bitmap mBitButton = null;  
5.    
6.     /**圖片繪制的XY坐標**/  
7.     private int mPosX =0;  
8.     private int mPosY =0;  
9.     /**圖片繪制的寬高**/  
10.     private int mWidth =0;  
11.     private int mHeight =0;  
12.    
13.     public ImageButton(Context context, int frameBitmapID, int x, int y) {  
14.     mBitButton = ReadBitMap(context,frameBitmapID);  
15.     mPosX = x;  
16.     mPosY = y;  
17.     mWidth = mBitButton.getWidth();  
18.     mHeight = mBitButton.getHeight();  
19.     }  
20.    
21.     /** 
22.      * 繪制圖片按鈕 
23.      * @param canvas 
24.      * @param paint 
25.      */  
26.     public void DrawImageButton(Canvas canvas, Paint paint) {  
27.     canvas.drawBitmap(mBitButton, mPosX, mPosY, paint);  
28.     }  
29.    
30.     /** 
31.      * 判斷是否點中圖片按鈕 
32.      * @param x 
33.      * @param y 
34.      */  
35.     public boolean IsClick(int x, int y) {  
36.     boolean isClick = false;  
37.     if (x >= mPosX && x <= mPosX + mWidth && y >= mPosY  
38.         && y <= mPosY + mHeight) {  
39.         isClick = true;  
40.     }  
41.     return isClick;  
42.     }  
43.    
44.     /** 
45.      * 讀取圖片資源 
46.      * @param context 
47.      * @param resId 
48.      * @return 
49.      */  
50.     public Bitmap ReadBitMap(Context context, int resId) {  
51.     BitmapFactory.Options opt = new BitmapFactory.Options();  
52.     opt.inPreferredConfig = Bitmap.Config.RGB_565;  
53.     opt.inPurgeable = true;  
54.     opt.inInputShareable = true;  
55.     // 獲取資源圖片  
56.     InputStream is = context.getResources().openRawResource(resId);  
57.     return BitmapFactory.decodeStream(is, null, opt);  
58.     }  
59. }  

　　2. 游戲進度條的實現

　　我相信讀我博文的朋友 應該都玩過游戲吧， 進度條機制基本上是個游戲都有，要想做一個完全百分百以按讀取進度比例的進度條就需要使用線程檢測文件的讀取進度來確定當前的進度信息，我覺得這麼做完全沒必要，純屬多余，而且基本上沒有游戲公司這麼做，為什麼呢？我相信大家玩游戲的時候都會發現有時候進度條讀取的很不均勻 比如說進度條從左邊給右邊走 在中間某一個點卡住了一小會兒，這就表明游戲的進度是通過讀取文件結束以後才計算出來的，卡住的時候剛好是在讀較多文件的時候。下面我向大家分享一下我在游戲開發中如何來計算進度信息。

　　在讀取進度的界面我會調用Loading()這個方法，每次調用mProgress 就會++  ，在switch 中就可以分布式讀取資源，每個case中會加載 不同的資源 所以讀取的時間是不一樣的，讀取的總數 和 當前讀取mProgress的值 就  可以計算出進度的百分比值，最後根據計算出來的百分比在屏幕中顯示進度信息。

　　我在強調一下下面代碼中的sleep(200)須要替換成真正需要加載的資源，由於本例中沒有大量的資源 所以我臨時寫成Sleep去等待 將進度顯示在UI中。

1. public void Loading() {  
2.         // 這裡應該是去讀取資源， 由於沒有大量的資源 這裡我暫時只用線程去等待  
3.         try {  
4.         switch (mProgress) {  
5.         case 0:  
6.             Thread.sleep(200);  
7.             break;  
8.         case 1:  
9.             Thread.sleep(200);  
10.             break;  
11.         case 2:  
12.             Thread.sleep(200);  
13.             break;  
14.         case 3:  
15.             Thread.sleep(200);  
16.             break;  
17.         case 4:  
18.             Thread.sleep(200);  
19.             break;  
20.         case 5:  
21.             Thread.sleep(200);  
22.             break;  
23.         case 6:  
24.             Thread.sleep(200);  
25.             break;  
26.         case 7:  
27.             Thread.sleep(200);  
28.             break;  
29.         case 8:  
30.             Thread.sleep(200);  
31.             break;  
32.         case 9:  
33.             Thread.sleep(200);  
34.             break;  
35.         case 10:  
36.             Thread.sleep(200);  
37.             break;  
38.         case 11:  
39.             Thread.sleep(200);  
40.             break;  
41.         }  
42.         mProgressBar = (100 / 12) * mProgress;  
43.         mProgress++;  
44.         } catch (InterruptedException e) {  
45.         // TODO Auto-generated catch block  
46.         e.printStackTrace();  
47.         }  
48. }  

　　在Loading狀態中實時監測mProgress的值， 未讀取到100在UI中繪制進度信息，讀取到100則修改游戲狀態機狀態 轉跳讀取成功界面。

1. /** 這裡表示進度加載完成 **/    
2. if (mProgressBar >= 100) {    
3.     setGameState(GAME_TEACH);    
4. }    

　　3. 游戲狀態機

　　游戲狀態機的實現方式的是通過變量來控制當前游戲狀態，在游戲主線程中只更新繪制當前游戲狀態下的內容，這就是游戲狀態機的原理。

　　下面的代碼中一共有4個游戲狀態 分別是 游戲菜單狀態，讀取進度狀態，讀取成功教學狀態 ，游戲設置狀態。在程序執行的過程中根據須要的時候去更改游戲狀態。

1. protected void Draw() {  
2.         switch (mState) {  
3.         case GAME_MENU:  
4.         /**計算魚動畫的X坐標向左超出屏幕後在還原保持一直在屏幕上游動**/  
5.         mMenuAnimPosX-= 5;  
6.         if(mMenuAnimPosX + MENU_ANIM_WIDTH <= 0) {  
7.             mMenuAnimPosX = mScreenWidth;  
8.         }  
9.         /**繪制背景**/  
10.         mCanvas.drawBitmap(mBitMenuBG, 0, 0, mPaint);  
11.         mCanvas.drawBitmap(mBitMenuTitle, (mScreenWidth - mBitMenuTitle.getWidth()) >> 1,0, mPaint);  
12.         mMenuAnim.DrawAnimation(mCanvas, mPaint, mMenuAnimPosX , 100);  
13.    
14.         /**繪制按鈕**/  
15.         mButtonTeach.DrawImageButton(mCanvas, mPaint);  
16.         mButtonOption.DrawImageButton(mCanvas, mPaint);  
17.    
18.         break;  
19.         case GAME_LOAD:  
20.    
21.         mCanvas.drawBitmap(mBitMenuBG, 0, 0, mPaint);  
22.         mCanvas.drawBitmap(mBitMenuTitle, (mScreenWidth - mBitMenuTitle.getWidth()) >> 1,0, mPaint);  
23.         mButtonTeach.DrawImageButton(mCanvas, mPaint);  
24.         mButtonOption.DrawImageButton(mCanvas, mPaint);  
25.    
26.         mCanvas.drawBitmap(mLoadBack, (mScreenWidth - mLoadBack.getWidth()) >> 1, mScreenHeight >> 1, mPaint);  
27.         //這裡計算進度條進度  
28.         Loading();  
29.         break;  
30.         case GAME_TEACH:  
31.         mCanvas.drawBitmap(mBitTeach, 0, 0, mPaint);  
32.         mCanvas.drawBitmap(mMomo, (mScreenWidth >> 1) - (mMomo.getWidth()>> 1), 20, mPaint);  
33.    
34.         String str1 = "歡迎光臨雨松MOMO的博客 資源已經全部加載完成";  
35.         drawRimString(mCanvas,str1,Color.BLACK,(mScreenWidth >> 1) - (((int)mPaint.measureText(str1)) >> 1), mScreenHeight >> 1);  
36.         break;  
37.         case GAME_OPTION:  
38.         mCanvas.drawBitmap(mBitTeach, 0, 0, mPaint);  
39.         mCanvas.drawBitmap(mMomo, (mScreenWidth >> 1) - (mMomo.getWidth()>> 1), 20, mPaint);  
40.         String str2 = "設置界面暫未 開放 雨松MOMO：[email protected]";  
41.         drawRimString(mCanvas,str2,Color.BLACK,(mScreenWidth >> 1) - (((int)mPaint.measureText(str2)) >> 1), mScreenHeight >> 1);  
42.         break;  
43.         }  
44. }  

　　如圖：我們實現點擊設置按鈕 游戲狀態機跳轉到 游戲狀態頁面

　　在拿到玩家觸摸屏幕後的的X Y坐標 判斷是否在游戲主菜單界面 點擊設置按鈕 狀態機切換到GAME_OPTION 游戲設置界面。

1. public void UpdateTouchEvent(int x, int y) {  
2.     switch(mState) {  
3.     case GAME_MENU:  
4.     if(mButtonTeach.IsClick(x, y)) {  
5.        //教學圖片按鈕被按下  
6.         setGameState(GAME_LOAD);  
7.     }else if(mButtonOption.IsClick(x, y)) {  
8.        //設置圖片按鈕被按下  
9.         setGameState(GAME_OPTION);  
10.     }  
11.     break;  
12.     }  
13. }  

　　後期我還會詳細介紹游戲狀態機，今天只是先簡單給大家介紹一下，希望孩童們快速跟進。

　　最後由於代碼較多我就不貼在博客中了 ， 老規矩每一篇博文都會附帶我寫的源代碼，下面給出Demo源碼的下載地址歡迎大家下載閱讀互相學習，互相研究，互相討論 希望可以和大家一起進步。

　　下載地址：http://vdisk.weibo.com/s/aabgY