在 Visual Studio 和 Blend for Visual Studio 中设计 XAML
Visual Studio 和 Blend for Visual Studio 都为各种应用类型提供可视化工具,用于生成引人入胜的用户界面和丰富的媒体体验。 集成开发环境(IDE)共享一组常见的功能,包括可视 XAML 编辑器(设计器)。 Blend for Visual Studio 支持 WPF 和 UWP 平台,提供用于设计视觉状态和创建动画的其他工具。
可以在 Visual Studio 和 Blend for Visual Studio 之间来回切换,甚至可以同时在两个 IDE 中打开相同的项目。 切换到另一个 IDE 时,可以通过自动重新加载来应用保存到一个 IDE 中的 XAML 文件的更改。 可以通过导航到 IDE 中的 工具>选项>环境>文档 来控制重载行为。
安装
若要创建 WPF 应用,请在 Visual Studio 中安装 .NET 桌面开发 工作负荷。 还将安装 Blend for Visual Studio。
若要创建 UWP 应用,请在 Visual Studio 中安装 通用 Windows 平台开发 工作负载。 还将安装 Blend for Visual Studio。
Visual Studio 安装程序屏幕截图
共享功能
对于最基本的开发任务,Visual Studio 和 Blend for Visual Studio 共享同一组窗口和功能,但存在一些细微的差异。 一些亮点包括:
IntelliSense: 两个 IDE 都支持 IntelliSense 功能,支持的功能包括语句补全。
调试: 可以在 visual Studio 和 Blend for Visual Studio中进行调试,包括设置代码中的断点来调试正在运行的应用,并使用 热重载 在应用运行时更改 XAML 代码。 为了保持 Visual Studio 的一致调试体验,Blend for Visual Studio 包括 Visual Studio 的大多数调试窗口和工具栏。
文件重载: 可以在 Visual Studio 或 Blend for Visual Studio 中编辑 XAML 文件。 在不同的 IDE 之间切换时,已编辑并保存的文件会自动重新加载。 可以通过导航到 IDE 中的 工具>选项>环境>文档 来控制重载行为。
同步的布局和设置:使用同一个性化帐户登录时, Visual Studio 或 Blend for Visual Studio 的设计自定义工具窗口布局和设置首选项在设备和版本中同步。 请参见跨多台计算机同步设置。
Blend for Visual Studio 中的高级功能
若要提高工作效率,请考虑将 Blend for Visual Studio 用于以下任务。 这些是 Blend for Visual Studio 提供的功能多于 Visual Studio 设计器或代码的区域。
任务 | Visual Studio | Blend for Visual Studio | 详细信息 |
---|---|---|---|
设计可视状态 | 没有工具可帮助你设计视觉状态;必须以编程方式创建它们。 | 使用设计工具根据控件的状态更改控件的外观。 | 可视状态 |
创建动画 | 没有动画设计工具;必须以编程方式创建它们。 这需要了解 WPF 中的动画和计时系统以及广泛的编码专业知识。 | 你可以直观地创建动画,并且可以在 Blend for Visual Studio 中预览动画。 这比在代码中生成动画更快、更准确。 可以添加触发器来处理用户交互,并切换到代码以添加事件处理程序和其他功能。 | 动画对象 |
将形状和文本转换为路径,以便于简化处理 | 不支持。 | 可以通过将形状(如矩形和椭圆形)转换为路径,对形状进行细微或显著的更改,以获得更好的编辑控制。 可以重塑或组合路径,并从多个形状创建复合路径。 还可以将文本块转换为路径,以将其作为矢量图像进行操作。 |
绘制形状和路径 |
编辑控件、模板和样式 | 需要具备 WPF 样式和模板的编码技能和相关知识。 | 将任何图像转换为控件。 使用模板编辑工具只需单击几下鼠标即可对控件、样式和模板进行更改。 例如,可以使用 Blend for Visual Studio 样式资源来实现常见的 WPF 控件(如按钮、列表框、滚动条、菜单等),并直接在 Blend for Visual Studio 中更改其颜色、样式或基础模板。 然后,您可以切换到代码进行最后的润色(如果需要)。 |
修改对象样式 |
将 UI 连接到数据 | 可以从 SQL Server 数据库、WCF 或 Web 服务、对象或 SharePoint 列表等资源创建数据源,然后将数据源绑定到 UI 控件。 必须为交互式设计体验手动创建设计时数据。 |
对于 .NET Framework 应用,可以轻松创建示例数据进行原型制作和测试。 准备就绪后切换到实时数据。 Blend for Visual Studio 的数据生成功能非常出色(你可以快速添加名称、数字、URL 和照片),并且可以节省大量时间。 对于实时数据,可以将 UI 控件绑定到 XML 文件或任何 CLR 数据源。 |
显示数据 |
有关高级 XAML 设计的详细信息,请参阅 使用 Blend for Visual Studio创建 UI。