WPF 设计器概述

更新：2007 年 11 月

本主题介绍 Visual Studio Windows Presentation Foundation (WPF) 设计器。WPF 是 Windows Vista 的用户界面技术，与早期的视图技术（如 Windows 窗体）截然不同。

WPF 设计器提供可视化设计支持，与 Windows 窗体设计器相似。您可以从“工具箱”中拖动控件，然后在“属性”窗口中设置属性，以此为应用程序生成用户界面。您还可以直接在 XAML 编辑器中编辑 XAML。

WPF 设计器窗口

WPF 设计器具有几个用于显示和编辑 XAML 文档的窗口。下图显示了 WPF 设计器中的一些窗口。

设计视图

设计视图提供了用于生成 WPF 控件和应用程序的可视化设计图面。它显示了 XAML 当前在 XAML 视图中的呈现表示形式。

您可以通过从“工具箱”中拖动控件来将控件置于设计图面，并且可以通过拖动来定位控件。几个设计助手可帮助您将控件准确地放在您需要的位置。当您在设计图面上更改控件时，XAML 视图会相应地更新以反映更改。有关更多信息，请参见 如何：向 WPF 窗口添加控件 和 如何：在设计图面上选择和移动元素。

XAML 视图

XAML 视图为 XAML 文档提供了全面的编辑体验，包括 IntelliSense、自动格式设置、语法突出显示和标记导航。当您编辑 XAML 时，设计视图会相应地更新以反映更改。

有关更多信息，请参见演练：在 WPF 设计器中编辑 XAML。

“属性”窗口

使用“属性”窗口可以在设计视图中为控件设置属性值。

通过打开“视图”菜单并选择“属性窗口”或者通过按 Ctrl+W、P 或 F4 来访问“属性”窗口。您还可以在设计视图中右击控件，然后在快捷菜单上选择“属性”。“属性”窗口显示当前选定控件的缩略图预览。

若要搜索属性，请开始在“属性”窗口顶部的“搜索”框中键入属性的名称。当您键入时，“属性”窗口将显示与您的搜索匹配的属性。单击“清除”将移除搜索，而显示选定对象的所有属性。

从 Visual Studio 2008 Service Pack 1 开始，可以按字母顺序或按类别对属性进行排序。要按字母顺序对属性进行排序，请单击“属性”窗口顶部的“按字母顺序显示”按钮。要按类别对属性进行排序，请单击“属性”窗口顶部的“分类显示”按钮。

“文档大纲”窗口

“文档大纲”窗口提供 XAML 文档的分层视图。可以使用“文档大纲”窗口预览、选择或删除 XAML 元素。通过打开“视图”菜单，指向“其他窗口”，然后选择“文档大纲”或者通过按 Ctrl+Alt+T 来访问“文档大纲”窗口。有关更多信息，请参见浏览 WPF 文档的元素层次结构。

工具箱

工具箱存放可拖动到设计图面上的控件。通过打开“视图”菜单并选择“工具箱”或者通过按 Ctrl+Alt+X 来访问“工具箱”窗口。

设计视图功能

设计视图提供了许多用于在 WPF 应用程序的窗口或页面上排列控件的功能。下图显示了部分设计视图功能。

“缩放”控件

使用缩放控件可以控制设计图面的大小。可以从“10%”放大到“20x”。

按视图调整大小

使用“按视图调整大小”按钮可以根据设计视图中的可用屏幕调整设计图面的大小。如果放大或缩小的幅度非常大，那么此功能很有用。

网格轨道

使用网格轨道可以管理 Grid 控件中的行和列。您可以创建和删除列和行，并且可以调整它们的相对宽度和高度。有关更多信息，请参见如何：向网格中添加行和列。

网格线

使用网格线可以控制 Grid 的列和行的宽度和高度。您可以通过单击 Grid 上面和左边的轨道来添加新的列或行。有关更多信息，请参见如何：向网格中添加行和列。

网格线指示符

网格线指示符显示为网格轨道中的三角形。当您拖动网格线指示符或网格线本身时，相邻列或行的宽度或高度将随着鼠标的移动而更新。有关更多信息，请参见如何：向网格中添加行和列。

移动句柄

移动句柄显示在选定的面板控件的左上方。单击移动句柄并将控件拖到设计图面上相应的位置。有关更多信息，请参见如何：在设计图面上选择和移动元素。

大小调整句柄

大小调整句柄显示在选定的控件上。单击并拖动大小调整句柄可更改所选内容的大小。调整控件大小时，通常会显示宽度和高度值以帮助准确地设置控件的大小。

边距线

边距表示控件边缘与容器边缘之间的固定空间的大小。通过单击边距线来设置控件的边距。有关更多信息，请参见如何：在 WPF 设计器中设置控件的边距。

边距短线

当选定控件的边距设置为 0 时，就会在该控件上显示一条边距短线。单击边距短线可设置边距与容器的相应边缘的距离。有关更多信息，请参见如何：在 WPF 设计器中设置控件的边距。

对齐线

使用对齐线可使控件彼此对齐。如果启用对齐线，则当您相对于其他控件拖动某个控件时，在某些控件的边缘和文本水平或垂直对齐时，会出现对齐线。有关更多信息，请参见如何：对齐文本基线和边距。

XAML 视图功能

可扩展应用程序标记语言 (XAML) 提供一个基于 XML 的声明性词汇表，用于指定应用程序的用户界面。WPF 设计器提供一个唯一的拆分视图，它提供应用程序的所呈现 XAML 标记的 XAML 视图和同步的设计视图。下图显示了部分 XAML 功能。

有关更多信息，请参见拆分视图：同时查看 WPF 设计图面和 XAML。

拆分视图栏

使用拆分视图栏可以控制设计视图和 XAML 视图的相对大小。您可以控制拆分视图是水平放置还是垂直放置，并且可以折叠任何一个视图。有关更多信息，请参见拆分视图：同时查看 WPF 设计图面和 XAML。

标记导航器

您可以通过使用标记导航器移到 XAML 视图中当前选定标记的任何父标记。当鼠标悬停于标记导航器中的标记上时，会显示该元素的缩略图预览。演练：在 WPF 设计器中编辑 XAML。

生成丰富的交互式用户界面

在 WPF 中，Window 和 Page 类是可视化图面，您可以在上面向用户显示信息。通常情况下，通过向 Window 添加控件并开发对用户操作（如单击鼠标或按下按键）的响应，来生成 WPF 应用程序。“控件”是一个独立的用户界面 (UI) 元素，用于显示数据或接受数据输入。

当用户对 Window 或其中的某个控件执行操作时，会生成事件。应用程序对这些事件进行响应，并在事件发生时对它们进行处理。有关更多信息，请参见如何：创建简单的事件处理程序。

WPF 包含可添加到窗口中的各种控件：用于显示文本框、按钮、下拉列表、单选按钮甚至网页的控件。有关可在窗口中使用的所有控件的列表，请参见控件库。如果现有控件不满足需要，WPF 还支持使用 UserControl 和 Control 类创建您自己的自定义控件。

使用拖放式 WPF 设计器，您可以轻松地创建 WPF 应用程序。只需使用指针选择控件并将它们添加到窗口中的相应位置即可。该设计器提供诸如对齐线和连续缩放等工具，使控件的摆放变得很容易。

最后，如果您不得不创建自己的自定义用户界面元素，则可使用 System.Windows.Media 和 System.Windows.Shapes 命名空间，其中包含大量的类，可供您选择用于直接在窗口中呈现线条、圆以及其他形状。

帮助创建窗口和控件

有关如何使用这些功能的详细步骤信息，请参见下列帮助主题。

使用 Expression Blend 进行协作

WPF 提供了内容与演示的有效分离，使得软件开发人员和图形设计人员可以就应用程序的外观和行为进行协作。Visual Studio Windows Presentation Foundation (WPF) 设计器 针对软件开发人员进行了优化，Expression Blend 针对图形设计人员进行了优化。有关更多信息，请参见与 Expression Blend 的协作。

将应用程序部署到客户端计算机

编写完应用程序后，必须将它发送给您的用户，以便他们可以在自己的客户端计算机上安装并运行该应用程序。使用 ClickOnce 技术，您只需几次单击即可从 Visual Studio 中部署应用程序，并可为用户提供指向网站或文件共享上的应用程序的 URL。ClickOnce 管理应用程序中的所有元素和依赖项，并确保应用程序正确地安装在客户端计算机上。

ClickOnce 应用程序可以配置为仅在用户连接到网络时运行，也可以配置为在联机时和脱机时均运行。如果您指定应用程序应该支持脱机操作，则 ClickOnce 将在用户的“开始”菜单中添加指向应用程序的链接。随后，用户不必使用 URL 即可打开应用程序。

更新应用程序时，您只需将新的部署清单和应用程序的新副本发布到 Web 服务器或文件共享。ClickOnce 将检测到存在可用更新并升级用户的安装；无需自定义编程来更新旧的程序集。有关更多信息，请参见WPF 应用程序部署

部署 ClickOnce 应用程序

有关 ClickOnce 的完整介绍，请参见 ClickOnce 部署概述。有关如何使用这些功能的详细步骤信息，请参见下列帮助主题。

请参见

概念

为 Windows 窗体开发人员提供的 WPF 设计器

ClickOnce 部署概述

应用程序设置概述

与 Expression Blend 的协作

其他资源

WPF 设计器

控件库

XAML