在 Visual C# 中設計使用者介面

更新：2007 年 11 月

在 Visual C# 中，建立 Windows 應用程式使用者介面 (UI) 最快速且最便利的方法，就是使用 [Windows Form 設計工具] 和 [工具箱]。

注意事項：
本文件只討論 Windows Form 技術。您也可以使用 Visual C# 來建立 Windows Presentation Foundation (WPF) 應用程式。如需詳細資訊，請參閱 Windows Presentation Foundation 簡介和HOW TO：建立新的 WPF 應用程式專案。您也可以使用 Visual C# 建立有簡單文字架構 UI 的主控台應用程式 (類似 MS-DOS 程式)。如需詳細資訊，請參閱 HOW TO：建立 C# 主控台應用程式。

本文件只討論 Windows Form 技術。您也可以使用 Visual C# 來建立 Windows Presentation Foundation (WPF) 應用程式。如需詳細資訊，請參閱 Windows Presentation Foundation 簡介和HOW TO：建立新的 WPF 應用程式專案。

您也可以使用 Visual C# 建立有簡單文字架構 UI 的主控台應用程式 (類似 MS-DOS 程式)。如需詳細資訊，請參閱 HOW TO：建立 C# 主控台應用程式。

建立 Windows Form 應用程式的使用者介面，有三個基本步驟：

將控制項加入至設計介面
設定控制項的初始屬性
撰寫指定之事件的處理常式

雖然您也可以撰寫自己的程式碼建立 UI，但是設計工具能夠讓您比手動設計程式更快速地執行這項工作。

加入控制項

在設計工具中，您可以使用滑鼠將按鈕和文字方塊之類的控制項，拖曳到呈現表單的設計介面上。下圖示範已經從 [工具箱] 拖曳至 [Windows Form 設計工具] 表單的下拉式方塊。

工具箱

當您以視覺化方式工作時，設計工具會將您的動作轉譯為 C# 原始程式碼，並將其寫入名為 <name>.designer.cs 的專案檔中，其中 <name> 是指定給表單的名稱。當您的應用程式執行時，原始程式碼會定位和設定 UI 項目的大小，讓它們看起來跟在設計介面中一樣。如需詳細資訊，請參閱 Windows Form 設計工具。

設定屬性

在您將控制項加入至表單後，可以使用 [屬性] 視窗設定其屬性，例如背景色彩和預設文字。在 [屬性] 視窗中指定的值，就是在執行階段建立控制項時會指派給該屬性的初始值。在許多情況下，都可以藉由取得或設定應用程式中控制項類別之執行個體的屬性，在執行階段以程式設計方式存取或變更這些值。[屬性] 視窗在設計階段特別有用，因為它可以讓您瀏覽控制項上所支援的所有屬性、事件和方法。如需詳細資訊，請參閱屬性視窗。

處理事件

具有圖形化使用者介面的程式主要都是由事件驅動 (Event-Driven) 的。這些程式會等待，直到使用者執行某個動作，例如輸入文字到文字方塊中、按一下按鈕或變更清單方塊中的選取等。當發生這項動作時，控制項 (就是 .NET Framework 類別的執行個體) 便會將事件傳送至應用程式。您可以在接收到事件時所呼叫的應用程式中撰寫特殊的方法，選擇性地處理此事件。

您可以使用 [屬性] 視窗指定要在程式碼中處理哪個事件。在設計工具中選取控制項，並按一下 [屬性] 視窗工具列上的 [事件] 按鈕 (具有閃電圖示)，即可檢視其事件。下圖顯示 [事件] 按鈕。

屬性視窗中的事件按鈕

當您透過 [屬性] 視窗加入事件處理常式時，設計工具會自動為您撰寫空白的方法主體，之後您就必須撰寫程式碼，讓方法執行某些有用的動作。多數控制項都會產生許多事件，但是在大部分的情況中，應用程式只需要處理其中一些事件，或甚至只需要處理一個事件。例如，您可能需要處理按鈕的 Click 事件，但是不需要處理其 Paint 事件 (除非想要以某些進階方法自訂其外觀)。每個控制項都有預設的事件處理常式。只要在設計工具中按兩下控制項，即可建立該控制項的預設事件處理常式。這樣便會建立事件處理常式，並開啟 [程式碼編輯器]，讓您能夠撰寫處理事件的程式碼。