京山游俠

　　在這一篇中，我將向大家介紹圖形用戶界面中的低級圖形用戶界面。所謂低級圖形用戶界面，指的是那種我們可以自己在上面畫圖的控件，它是和TextBox，List等等這些用戶控件剛好相對的概念，因為這些用戶控件的形狀是事先畫好的，無需我們程序員操心，所以稱為高級圖形界面。低級圖形用戶界面什么東西都需要我們自己畫，所以比較復雜，當然也更加靈活，只有想不到，沒有畫不出，所以我們先介紹它。

　　在J2ME開發中，低級圖形用戶界面是由javax.microedition.lcdui.Canvas類實現的，我們只要繼承這個類，并實現這個類的paint方法，就可以隨心所欲的進行繪畫了。當然，繪畫之前，我們少不了要了解我們的手機屏幕究竟有多大的畫圖空間，這可以通過調用Canvas類的getWidth和getHeight方法實現。下面是一個簡短的程序，向大家演示了怎么獲畫布的大小，同時，也算是一個小小的框架。首先，當然是創建我們自己的畫布，代碼如下：
　　第二個類當然就是我們的Midlet了，因為它是主程序嘛。在程序啟動的時候調用display.setCurrent將畫布設置為主界面，同時設置事件監聽器。代碼比較簡單，如下：
　　第三個類當然是我們的事件監聽器類了，等一下我們會講到，Canvas支持許多低級事件，比如鍵盤的按鍵事件，所以我們這里把事件監聽器單獨抽取出來，代碼如下：
　　下面是運行效果：



　　知道了畫圖區域的大小，同時又知道Canvas可以支持許多低級事件，我們就可以發揮我們自己的想象力創建一個小游戲了。下面，我將寫一個簡單的拼圖游戲，只需要使用上下左右四個方向鍵操作即可，在事件監聽器中，我們只需響應Canvas的keyPressed()事件即可。代碼也不復雜，只需把上面的程序稍加擴展即可。當然，我們還需要準備一些圖片當素材。

　　首先，在網上隨便找一張圖片，使用圖形編輯軟件調整圖片的大小，然后再裁成3*4共12幅圖象。把這12幅圖象分別命名為1.png到12.png，同時還要準備一張全白的圖片，命名為0.png，這張圖片和前面的12張圖片一樣大小。在項目所在的文件夾下建立一個文件夾，取名為pictures，把這些圖片都拷貝進去。在NetBeans IDE左邊的文件選項卡中可以看到這些文件，如圖：



　　但是，在生成項目的時候，這些文件并不會自動打包到項目中，我們必須將這個文件夾捆綁為該項目的資源。在項目上點右鍵，在彈出的菜單中選擇屬性，彈出如下對話框，選中左邊的“庫和資源”，在右邊點擊“添加文件夾”按鈕即可：



　　下面是我的MyCanvas類的全部代碼，其它兩個類的代碼沒有改變。在這里，我使用的圖片是174*280的大小，切割后的小圖片每一個都是58*70的大小，空白的圖片也是58*70的大小。請看代碼：

　　運行項目，得到如下的效果，使用上下左右四個鍵可以移動圖片：



　　游戲過程中的截圖：



　　游戲完成后的截圖：



　　當然，大家也可以自己添加拼圖完成后的判斷代碼，在拼圖成功后自動彈出提示信息。