Visual Studio 的使用簡介

視窗介面的開發

雖然視窗介面不是系統程式的主題之一,但是在視窗介面如此重要的今日,系統程式設計師仍有必要學會視窗介面的開發工具。

視窗介面對使用者而言相當好用,但是,若要以逐行撰寫程式的方式設計視窗介面,對程式設計人員而言則是一項艱鉅的考驗。還好,今日有許多的視窗程式的開發工具,可以讓程式開發人員用視覺化的設計方式,設計視窗程式。例如,微軟的 Visual Studio就支援這樣的開發方式。

當讀者於 Visual Studio 中新增一個視窗專案後,您會看到如圖 1 的視窗介面開發畫面。

VisualCSharpExpress.jpg

圖 1. Visual C# Express 的視窗開發環境

接著,您可以從工具箱當中拖曳出元件放入該預設視窗當中,以設計出您所想要的使用者介面。然後,您就可以開始撰寫程式了。

Toolbox.jpg

圖 2. 從工具箱當中拖曳出元件放入視窗當中

舉例而言,假如您希望在 button1 按鈕被按下時,可以在 button1 按鈕上連按兩下滑鼠,此時會進入事件處理程式 button1_Click() 的程式編輯畫面當中,於是您可以開始撰寫該事件處理程式,這個程式會再 button1 按鈕被按下觸發,此種開發模式稱為事件驅動的開發方式。

ButtonClickEventHandler0.jpg

圖 3. 空白的按鈕的事件處理程式

假如我希望在 button1 被按下時,在 richTextBox1 當中新增一行訊息『button1 被按下了 !』,那麼,我可以在 button1_Click() 程式中加入下列這行程式。

richTextBox1.AppendText("Button1 被按下了 !");

此時,程式畫面會變成如圖 4 所示。

ButtonClickEventHandler1.jpg

圖 4. 撰寫按鈕事件 button1_Click 的處理程式

接著,我們就可以按下偵錯功能表中的偵錯功能,以便執行該程式。該程式啟動後,若您 button1 按鈕被按下時,richTextBox1 中就會多出一行 『Button1 被按下了 !』的訊息。

ButtonClickAction.jpg

圖 5. <圖 4> 程式的執行結果

視覺化開發模式在視窗介面的系統當中,是一個相當成功的方法,這也是程式設計師可以善用的工具。雖然,視覺化工具通常被用在開發應用程式上,但在視窗程式發達的今天,許多系統程式的工具也必須要有視窗化的介面,這是每一個程式設計師都應該會使用的必備開發工具。

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License