在 Windows 应用开发中,控件是用于显示内容或支持交互的 UI 元素。 通过使用按钮、文本框和组合框等控件来显示数据并获取用户输入,为应用创建 UI。
重要 API: Windows.UI.Xaml.Controls 命名空间
模式是修改控件或组合多个控件以创建新控件的配方。 例如, 列表/详细信息 模式是一种可用于应用导航的 SplitView 控件的方法。 同样,可以自定义 NavigationView 控件的模板来实现选项卡模式。
在许多情况下,可以原样使用控件。 但是 XAML 控件将函数与结构和外观分开,因此你可以进行各种级别的修改,使其符合你的需求。 在 “样式” 部分中,可以了解如何使用 XAML 样式 和 控件模板 修改控件。
在本部分中,我们将针对可用于生成应用 UI 的每个 XAML 控件提供指导。 首先,本文介绍如何向应用添加控件。 对应用使用控件有 3 个关键步骤:
向应用 UI 添加控件。
设置控件的属性,例如宽度、高度或前景颜色。
将代码添加到控件的事件处理程序,以便它执行某些作。
添加控件
可以通过多种方式向应用添加控件:
使用 Blend for Visual Studio 或 Microsoft Visual Studio 可扩展应用程序标记语言(XAML)设计器等设计工具。
将控件添加到 Visual Studio XAML 编辑器中的 XAML 标记。
在代码中添加控件。 在应用运行时,添加代码的控件可见,但在 Visual Studio XAML 设计器中不可见。
在 Visual Studio 中,在应用中添加和作控件时,可以使用许多程序的功能,包括工具箱、XAML 设计器、XAML 编辑器和“属性”窗口。
Visual Studio 工具箱显示可在应用中使用的许多控件。 若要向应用添加控件,请在工具箱中双击它。 例如,双击 TextBox 控件时,此 XAML 将添加到 XAML 视图。
还可以将控件从工具箱拖动到 XAML 设计器。
设置控件的名称
若要在代码中使用控件,请设置其 x:Name 属性,并在代码中按名称引用它。 可以在 Visual Studio 属性窗口或 XAML 中设置名称。 下面介绍如何使用“属性”窗口顶部的“名称”文本框设置当前所选控件的名称。
为控件命名
选择要命名的元素。
在“属性”面板中,在“名称”文本框中键入名称。
按 Enter 提交名称。
下面介绍如何通过添加 x:Name 属性在 XAML 编辑器中设置控件的名称。
设置控件属性
使用属性来指定控件的外观、内容和其他属性。 使用设计工具添加控件时,Visual Studio 可能会为你设置控件大小、位置和内容的某些属性。 可以通过在设计视图中选择并操作控件来更改某些属性,例如宽度、高度或边距。 此图显示了设计视图中可用的一些调整大小工具。
你可能希望让控件自动调整大小和定位。 在这种情况下,可以重置 Visual Studio 为你设置的大小和位置属性。
重置属性
在“属性”面板中,单击属性值旁边的属性标记。 此时会打开属性菜单。
在属性菜单中,单击“重置”。
可以在“属性”窗口、XAML 或代码中设置控件属性。 例如,若要更改 Button 的前景色,请设置控件的前景属性。 此图显示如何使用“属性”窗口中的颜色选取器设置前台属性。
下面介绍如何在 XAML 编辑器中设置 Foreground 属性。 请注意,Visual Studio 的 IntelliSense 窗口会打开,以帮助你掌握语法。
下面是设置 Foreground 属性后生成的 XAML。