XAML入门指南

### XAML 入门指南 #### 1. 布局控件相关 当从工具箱将控件拖放到网格单元格时，控件会自动应用边距以定位在单元格内。若要轻松移除该边距，可右键单击控件，从菜单中选择“重置布局”➤“边距”；也可直接在定义该控件的 XAML 中删除边距设置。 ##### 1.1 StackPanel 控件 StackPanel 控件用于将控件一个接一个地堆叠，可通过控件的 `Orientation` 属性指定水平或垂直堆叠方式。例如，将一个 `TextBlock` 控件和一个 `TextBox` 控件放在 `StackPanel` 中，使 `TextBox` 紧跟在 `TextBlock` 后面： ```xml <StackPanel Orientation="Horizontal"> <TextBlock Text="Name: " /> <TextBox Width="155" /> </StackPanel> ``` ##### 1.2 Silverlight 工具包布局控件 Silverlight 工具包包含一些额外的布局控件，在 `System.Windows.Controls.Toolkit.dll` 程序集中，有 `WrapPanel` 和 `DockPanel` 布局控件。 - **WrapPanel**：类似于水平堆叠控件时的 `StackPanel`，当其中的控件到达 `WrapPanel` 的右边缘时，新项会换行显示。例如，当有照片缩略图并希望像 Windows 资源管理器那样布局时可使用。 - **DockPanel**：可将其中包含的控件停靠到其某一边缘，或填充剩余空间。若怀念 Windows Forms 中停靠控件的功能，在 Silverlight 中它能提供相同的功能。 ##### 1.3 XAML 与 Windows Forms 控件属性名称对比 尽管 Silverlight 中的核心控件集与 Windows Forms 中的相似，但实现方式有所不同。部分 Windows Forms 控件的属性在 Silverlight 中有不同的名称。例如，大多数布尔属性现在以 `Is` 为前缀（如 `IsEnabled`、`IsTabStop`、`IsHitTestVisible` 等）。另外，`Visibility` 属性在 Windows Forms 中名为 `Visible`，用于显示或隐藏控件，在 Silverlight 中它是一个枚举，有两个可能的值：`Visible` 或 `Collapsed`。这是为了与 WPF 兼容，WPF 支持额外的 `Hidden` 值（在 WPF 中，`Hidden` 像 `Collapsed` 一样隐藏控件，但与 `Collapsed` 不同的是，它仍会在布局中占用空间），而 Silverlight 目前不支持该值。 #### 2. 事件处理程序相关 ##### 2.1 事件处理程序的分配 控件能够引发事件，代码隐藏部分可处理这些事件以响应控件上发生的事情。在 XAML 中为控件分配事件处理程序，只需使用属性语法（与为控件属性赋值的方式相同）来分配代码隐藏中应在事件引发时调用的事件处理程序的名称。例如，为 `Button` 控件的 `Click` 事件分配名为 `OKButton_Click` 的事件处理程序： ```xml <Button Name="OKButton" Content="OK" Click="OKButton_Click" /> ``` 一般来说（非强制），事件处理程序方法的名称形式为 `ControlName_EventName`。 ##### 2.2 在 Visual Studio 中分配事件处理程序 在 Visual Studio 中，输入事件名称并按 `=` 会显示代码隐藏中符合所需方法签名的事件处理程序方法列表，还有 `<New Event Handler>` 选项。点击此选项（或直接按 Tab）会自动为事件处理程序生成名称，将其分配给 XAML 中的事件，并在代码隐藏中自动创建事件处理程序方法。 若手动输入事件处理程序的名称，代码隐藏中不会自动创建该事件处理程序。此时，最简单的创建方法是右键单击 XAML 中的事件处理程序名称，从上下文菜单中选择“导航到事件处理程序”，这将打开代码隐藏类并为你创建事件处理程序方法。此选项在删除代码隐藏中的事件处理程序后重新创建，或只想导航到 XAML 中给定控件的代码隐藏事件处理程序时也很有用。 许多控件定义了默认事件，在 Visual Studio 设计器中双击控件，可自动为该控件的默认事件分配事件处理程序，并在代码隐藏中创建事件处理程序方法。例如，双击 `Button` 控件会在代码隐藏中创建 `Click` 事件处理程序，并将该方法分配给 XAML 中 `Button` 的 `Click` 事件。也可使用“属性”窗口的“事件”视图创建事件处理程序，而无需手动编写 XAML。 ##### 2.3 在 Expression Blend 中分配事件处理程序 在 Expression Blend 中处理事件不太直观。事件不会出现在 Expression Blend 的智能感知中，不能双击控件为其默认事件生成并分配事件处理程序，也不能右键单击 XAML 中的事件处理程序名称并导航到代码隐藏中的该处理程序。若不手动完成整个过程，唯一能在代码隐藏中自动为控件创建事件处理程序并将其分配给控件的方法是使用“属性”窗口的“事件”视图。 ##### 2.4 路由事件与直接事件 Silverlight 支持一种特殊类型的事件——路由事件。路由事件会在对象层次结构中向上传递（即“冒泡”事件），事件会在每个控件上引发，直到事件处理程序将事件标记为“已处理”或到达根视觉对象。大多数事件是直接事件（即事件处理程序仅在引发事件的控件上调用），但许多与用户交互相关的事件是路由事件（如鼠标/键盘输入事件和焦点事件），这些事件会在对象层次结构中冒泡，直到被处理。需要注意的是，与 WPF 不同，Silverlight 不支持事件的隧道传递（即事件从根视觉对象向下到事件源的控件上引发）。 ##### 2.5 在代码中分配事件处理程序 可根据 C# 的标准语言语法在代码隐藏中为控件事件分配事件处理程序。例如： ```csharp this.Loaded += MainPage_Loaded; ``` 但要特别注意，为控件添加事件处理程序可能导致控件在不再需要时无法被垃圾回收，从而导致内存泄漏。因为控件仍会通过事件处理程序引用它，垃圾回收器会认为控件仍被需要而不清理它。例如： ```csharp // 添加按钮并处理其 Click 事件 Button button = new Button(); button.Click += button_Click; LayoutRoot.Children.Add(button); // 现在移除按钮并清除变量引用 LayoutRoot.Children.Remove(button); button = null; ``` 尽管代码执行完后，按钮在对象层次结构中不再存在，也没有变量引用它，但由于仍维护着对 `Click` 事件的订阅，它不会被垃圾回收，这会导致内存泄漏。为避免这种情况，当有一个长生命周期对象与一个短生命周期对象的事件处理程序关联时，在控件不再需要时，记得移除该事件处理程序： ```csharp button.Click -= button_Click; ``` 另一种解决方案是使用弱事件监听器，它在订阅事件时不维护强引用，允许控件在没有其他引用时被清理。Silverlight 工具包包含一个 `WeakEventListener` 类，可用于此目的。 #### 3. 创建简单用户界面 现在将前面介绍的 XAML 重要概念结合起来，创建一个简单的 XAML 用户界面。此示例将创建一个简单的应用程序，用户输入自己的