共用方式為


設計使用者介面 (Visual C#)

更新:2007 年 11 月

在 Visual C# 中,您可以使用 [Windows Form 設計工具] 或 [Windows Presentation Foundation (WPF) 設計工具] 來快速且便利地建立使用者介面。如需可協助您決定要建置 (Build) 何種類型之應用程式的資訊,請參閱Windows 架構應用程式概觀。建立使用者介面有三個基本步驟:

  • 將控制項加入設計介面

  • 設定控制項的初始屬性

  • 撰寫指定事件的處理常式

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

注意事項:

您也可以使用 Visual C# 建立有簡單文字架構 UI 的主控台應用程式。如需詳細資訊,請參閱建立主控台應用程式 (Visual C#)

加入控制項

無論使用哪一種設計工具,您都會使用滑鼠,將具有視覺表示的元件 (例如,按鈕和文字方塊) 拖曳到設計介面上。下列圖例示範從 [工具箱] 視窗拖曳至 [Windows Form 設計工具] 之表單上的下拉式方塊。

Windows Form 設計工具和工具箱

當您以視覺化方式工作時,[Windows Form 設計工具] 會將您的動作轉譯為 C# 原始程式碼,並將其寫入名為 name.designer.cs 的專案檔中,其中 name 是為表單指定的名稱。同樣的,[WPF 設計工具] 也會將設計介面上的動作轉譯為「可延伸應用程式標記語言」(Extensible Application Markup Language,XAML) 程式碼,並將其寫入至名為 Window.xaml 的專案檔。當應用程式執行時,原始程式碼 (Windows Form) 或 XAML (WPF) 便會定位和設定 UI 項目的大小,以設計介面上的原貌呈現這些項目。如需詳細資訊,請參閱Windows Form 設計工具Visual Studio 中的 Windows Presentation Foundation

設定屬性

在將控制項加入至設計介面後,即可使用 [屬性] 視窗設定其屬性,例如背景色彩和預設文字。

在 [Windows Form 設計工具] 中,您在 [屬性] 視窗中指定的值,就是在執行階段建立控制項時,會指派給該屬性的初始值。在 [WPF 設計工具] 中,您在 [屬性] 視窗中指定的值,都會儲存為視窗之 XAML 檔中的屬性 (Attribute)。

在許多情況下,都可以藉由取得或設定應用程式中控制項類別之執行個體 (Instance) 的屬性,在執行階段以程式設計方式存取或變更這些值。在設計階段時 [屬性] 視窗很有用,因為它能夠讓您瀏覽控制項上支援的所有屬性、事件和方法。如需詳細資訊,請參閱屬性視窗

處理事件

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

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

屬性視窗中的事件按鈕

當您透過 [屬性] 視窗加入事件處理常式時,設計工具便會自動寫入空的方法主體。您必須撰寫程式碼才能讓方法進行有用的動作。大部分的控制項會產生許多事件,但應用程式經常只需要處理其中一些事件,或甚至只要處理一個事件。例如,您可能需要處理按鈕的 Click 事件,但是不需要處理其 SizeChanged 事件 (除非您想要在按鈕大小變更時進行某些動作)。

下一個步驟

如需如何建置 Windows Forms 或 Windows Presentation Foundation 使用者介面的詳細資訊,請參閱下列主題:

在 .NET Framework 類別庫 (Class Library) 中,System.Windows.Forms 命名空間 (Namespace) 會包含 Windows Form 應用程式中所使用的類別,System.Windows.Controls 命名空間則包含 WPF 應用程式中所使用的類別。

請參閱

其他資源

Visual C#

使用 Visual C# IDE