手机视窗程序开发.ppt

Form1.cs 是對話方塊的主要程式碼區域, 其中建構子會去呼叫 GUI 的初始化, 產生應用程式開啟的畫面. 此外, 大部分的 callback function 也都是在本檔案中完成, 例如當按鈕按鈕會應該要執行什麼樣的處理等等. * Form1.designer.cs 是 GUI 的程式碼, 基本上, 是不需要撰寫本檔案內容的 Visual Studio 工具會在我們將控制項拉進對話方塊時, 自動產生 GUI code. 並且當 Form1.cs 呼叫其建構子時, 再依據本程式碼去 new 新的控制項物件, 產生畫面 * * 在實作範例前, 先拉一些需要的控制項進來 * 屬性欄可以更改控制項的一些相關設定 * * * * * * * * * * 再走訪過一次基本的視窗程式設計後, 讓我們來思考剛剛做了哪些動作. 首先, 依據我們想撰寫的應用程式, 安排 UI 畫面, 並將控制項給拉進對話方塊 接著, 根據使用者操作的動作, 撰寫控制項被觸發後該處理的方法 事實上, 這樣的程式撰寫模式, 與一般的應用開發並不相同, 程式的觸發可能是隨機的, 因此程式碼不是一個線性的執行方式. 通常在 GUI 的程式設計中, 會存在一個 hook, 用來監聽當使用者觸發某個事件時, 應該有什麼樣的回饋與反應 因此當我們拉進控制項的同時, 也同時必須思考, 當使用者按下這些控制項, 期望會有什麼樣的回應 * 同上頁, 這是一個簡易的登入例子. 控制項當中期望有反應的, 應該是登入與取消兩個按鍵. 因此我們必須為這兩個按鍵撰寫事件處理函式, 而整個 GUI 程式設計的觀念就在這邊. * * * * * * * * 在模擬器中常常可以看到 QVGA, VGA, … 等符號 代表的是 PDA 畫面的大小尺寸, 不一定所有的 PDA 畫面都是一樣的 讓開發者可以模擬其應用程式在不同畫面上的狀況 有可能開發的程式是直向的, 遇到橫向的 PDA 可能會有問題 * 可以透過一些類別庫所提供的偵測函式 針對不同螢幕大小的手機做處理, 避免程式跑在不同畫面的手機上 會出問題 * * * 部署模擬器執行 GUI program 使用者觸發事件 非線性的程式執行 需要撰寫 callback function GUI program: main() { initialization code; create GUI; register callbacks; main event loop; } Callback1() // button1 { code; } Callback2() // menu1 { code; } … GUI program 登入 帳號 密碼 取消 event loop GUI program: main() { } login() // button1 { code; } cancel() // menu1 { code; } … // 變數 private void button1_Click(object sender, EventArgs e) { … } 測試與偵錯 Visual Studio 中也提供了良好的工具，供開發者針對程式進行偵錯 在要偵錯的程式碼那行上加入中斷點 偵錯 → 切換中斷點(或是按 F9) 測試與偵錯 當程式載入模擬器後 程式會在剛剛設定的中斷點停止執行 可由偵錯 → 逐步執行(F11) 觀看變數或是堆疊內容的變化 測試與偵錯 User Interface and Input 受限於螢幕大小、記憶體容量、運算能力、操作習慣等，智慧型手持裝置尚提供其他控制項 ListView TreeView Panel Soft Key 螢幕設計 智慧型裝置依照不同廠商的設計，不同的機型，螢幕的大小可能不同，螢幕的方向也有所不一樣 因此，控制項在裝置上的排列顯得格外重要，如何讓控制項的排列，隨著不同螢幕的變化而有所更改，是程式應用開發中該保有的彈性 因此WinCE中有提供相應類別讓設計者進行處理 螢幕解析度 來自維基共享資源 如何分辨手機解析度 開始 → 設定 → 系統 → 裝置資訊 螢幕設計 螢幕偵測 螢幕方向 Portrait(直向) Landscape(橫向) Square(方形) 解析度 QVGA(240x320) VGA(480x640) WQVGA(240x400) WVGA(480x800) 偵測螢幕邊界 命名空間: System.Windows.Forms 組件: System.Windows.Forms 在 System.Windows.Forms.dll 中 透過System類別中提供的裝置屬