NetBeans 6 可視 Mobile 設計器自定義組件：打造 SMS 編寫器應用

簡介

NetBeans 可視 Mobile 設計器（VMD）是 NetBeans Mobility Pack 中的圖形化介面，支援拖放元件設計行動應用程式。VMD 不僅提供標準 UI 元件（如 List、Alert、Form、Image），還內建多種自定義元件，簡化等待畫面、啟動畫面、表格項目等複雜功能的建立。本文將以 SMS Composer 自定義元件為例，示範如何利用 JSR-120 Wireless Messaging API 發送簡訊。

應用程式概覽

範例應用程式展示在支援 WMA 的裝置上使用 SMS Composer 元件的基本流程。除 SMS Composer 外，還用到啟動畫面與 Alert 元件。執行後，模擬器會先顯示啟動畫面，隨後進入 SMS 編寫介面，使用者可輸入電話號碼與訊息內容並發送。

環境需求

• NetBeans IDE 6.0 搭配 Mobility Pack
• JDK 6.0
• 若不熟悉 Mobility Pack，建議先閱讀《NetBeans 6.0 Mobility CLDC/MIDP Quick Start Guide》

安裝與執行範例

1. 下載 SMSComposerExample.zip 並解壓縮。
2. 在 IDE 中選擇「檔案」→「開啟專案」，指向解壓縮資料夾。
3. 開啟「專案」與「檢查工具」視窗，確認結構如下圖：

4. 在「專案」視窗右鍵專案節點選擇「執行專案」（或按 F6），模擬器將啟動應用程式。
5. 點選「啟動」按鈕，依序顯示啟動畫面與 SMS Composer 介面：

• 使用上下鍵切換「電話號碼」與「訊息」欄位。
• 按下確認鍵可編輯號碼、訊息或發送簡訊。
• 按「退出」鍵關閉應用程式。

從頭建立 SMSComposerExample 專案

1. 建立專案

1. 選擇「檔案」→「新增專案」（Ctrl+Shift+N），類別選「行動裝置」，專案類型選「MIDP 應用程式」。
2. 專案名稱輸入 SMSComposerExample，位置任意（以下稱 $PROJECTHOME）。
3. 取消勾選「建立 Hello MIDlet」，按「下一步」→「完成」。

2. 新增套件與可視 MIDlet

1. 在「專案」視窗選中專案，「檔案」→「新增檔案」（Ctrl+N），類別選「Java」，檔案類型選「Java 套件」，命名為 smscomposerexample。
2. 右鍵該套件再次新增檔案，類別選「MIDP」，檔案類型選「可視 MIDlet」，MIDlet 名稱與類名皆為 SMSComposerExample。

3. 拖放元件至流程設計器

切換至「流程設計器」視圖，從元件面板拖入：

• 啟動畫面
• SMS Composer
• 等待畫面
• Alert（兩個）

設定屬性：

• 啟動畫面：text = "SMS Composer Example"
• Alert1：instanceName = "alertSent"，string = "Message Sent"
• Alert2：instanceName = "alertError"，string = "Error"
• SMS Composer：取消勾選 Automatically Send

4. 新增命令

在流程設計器中，從「命令」面板拖入「退出命令」至 SMS Composer 元件。

5. 連接元件建立流程

在流程設計器中，將「開始點」連至啟動畫面，再依序連接各元件，形成如下流程圖：

6. 修改等待畫面任務

1. 在「導航」視窗找到任務元件（Resources 類別），右鍵選擇「前往原始碼」。
2. 在 // write task-execution user code here 處替換為：smsComposer.sendSMS();

7. 執行專案

按 F6 或選擇「執行」→「執行主專案」，即可在模擬器中測試完整流程。