使用一般 WPF 控制項

更新:2007 年 11 月

在本課程中,您將學習有關當建立 WPF 應用程式專案時,可以在 [工具箱] 中使用的一般 Windows Presentation Foundation (WPF) 控制項。

WPF 讓您能為應用程式建立視覺強化的使用者介面。甚至在標準 Windows Form 應用程式中常見的一般控制項,在 WPF 應用程式中都已加強。

將 WPF 控制項加入應用程式最簡單的方法,就是從 [工具箱] 拖曳至設計介面。在預設的狀態下,控制項看起來很像 Windows Form 應用程式中的控制項。WPF 支援樣式和範本中的控制項讓您能夠建立美觀的應用程式。若要修改控制項的外觀,您可以在 [屬性] 視窗中變更其屬性。您也可以將樣式和屬性加入至 XAML 編輯器中的控制項,以修改控制項的外觀。自行撰寫 XAML 非常困難,您可以考慮使用會產生 XAML 的應用程式,例如 Expression Blend。如需詳細資訊,請參閱與 Expression Blend 共同作業

試試看!

若要將控制項加入至 WPF 視窗

  1. 在 [檔案] 功能表上,按一下 [新增專案]。

  2. 在 [新增專案] 對話方塊的 [範本] 窗格中,按一下 [WPF 應用程式]。

  3. 在 [名稱] 方塊中輸入 WPFControls,然後按一下 [確定]。

  4. 新的 Windows Presentation Foundation 專案隨即建立。

  5. 從 [工具箱] 將 [TextBox] 控制項拖曳至 WPF 視窗的右上角。

  6. 選取 [TextBox] 控制項。

  7. 在 [屬性] 視窗中,為文字方塊設定下列屬性。

    屬性

    VerticalAlignment

    Top

    Width

    75

    Height

    26

  8. 將 [Button] 控制項加入 WPF 視窗內的文字方塊旁。

  9. 在 XAML 編輯器中,將開啟和關閉的 Button 標記 (Tag) 之間的文字從 Button 變更為 Add,如下列範例所示。

    <Button Height="23" HorizontalAlignment="Right" Margin="0,59,35,0" 
        Name="Button1" VerticalAlignment="Top" 
        Width="75">Add</Button>
    

    在輸入新值之後,按鈕上的文字就會變更。

  10. 將 [ListBox] 控制項加入 WPF 視窗內的文字方塊下方。

  11. 按兩下按鈕以輸入預設的事件處理常式,然後加入下列程式碼:

    If TextBox1.Text IsNot "" Then
        ListBox1.Items.Add(TextBox1.Text)
        TextBox1.Text = ""
    End If
    
  12. 請按 F5 執行應用程式。包含您剛剛加入之文字方塊、清單方塊與按鈕的視窗隨即出現。

  13. 在文字方塊中輸入文字,然後按一下 [加入] 按鈕。確認文字已加入至清單方塊。

  14. 將其他文字加入至清單方塊。

WPF 控制項

下表是最常見的 WPF 控制項,您可以在 [工具箱] 的 [通用控制項] 索引標籤中找到這些控制項。

控制項名稱

說明

System.Windows.Controls.Border

在內容周圍顯示框線。

System.Windows.Controls.Button

讓使用者能夠以按一下按鈕來執行動作。當按一下 Button 時,便會發生 Buttonbase.Click 事件。

System.Windows.Controls.CheckBox

讓使用者能夠選取和清除核取方塊,以表示 Yes/No 或 True/False 值。

System.Windows.Controls.ComboBox

讓使用者能夠從下拉式清單選取某個項目。當使用者按下拉箭號時,便會顯示這個清單。

System.Windows.Controls.Grid

定義由資料行和資料列組成的彈性方格區域。

System.Windows.Controls.Image

顯示影像。

System.Windows.Controls.Label

在表單上顯示文字。提供便捷鍵 (Access Key) 支援。

System.Windows.Controls.ListBox

讓使用者能夠從清單選取某個項目。

System.Windows.Controls.RadioButton

讓使用者選取互斥 (Mutually Exclusive) 的項目。選取一個選項按鈕,就不能再選取相同容器內的其他任何選項按鈕。

System.Windows.Controls.StackPanel

可讓您以垂直或水平堆疊子控制項。

System.Windows.Control.TabControl

可讓視覺內容在表格式表單中排列。

System.Windows.Controls.TextBox

顯示未格式化的文字並讓使用者輸入文字。

以下是 [工具箱] 中的其他可用控制項:

  • 容器控制項,例如 Canvas、DockPanel 和 Frame。

  • 功能表和工具列,例如 Menu、ToolBar 和 StatusBar。

  • 文件控制項,例如 DocumentViewer 和 FlowDocumentPageViewer。

  • 其他…

後續步驟

在下一個課程中,您將學習 [工具箱] 中其他可用的控制項。您已經知道,可以自訂控制項以修改其外觀。

在下一個課程中,您將學習如何建立 WPF 控制項的事件處理常式。

下一個課程:建立 WPF 控制項的事件處理常式

請參閱

工作

設計 WPF 應用程式的使用者介面 (Visual Basic)

HOW TO:建立新的 WPF 應用程式專案

HOW TO:在 WPF 設計工具中設定控制項的邊界

概念

WPF 設計工具概觀

其他資源

建立程式的視覺外觀:Windows Presentation Foundation 簡介

使用 WPF 設計工具中的控制項