XAML 设计师不露面

Question

在 Windows 桌面的 MS Visual Studio Express 2013 中：

我正在学习 C# 并按照一个示例说明如何在 .xaml 文件中创建用户界面。 https://msdn.microsoft.com/en-us/library/jj153219.aspx

从教程（参见图 7 和 8）看来，应该有一些 windows 显示 GUI。 但是，当我尝试在解决方案资源管理器中打开 .xaml 文件时，查看代码 (Ctrl + Alt + 0) 和查看设计器 (Shift + F7) 都显示相同的内容：只是代码。 如何打开 GUI 框？

更新——这是.xaml 文件的内容。 注意：我正在尝试打开一个新的 C# WPF 应用程序。 这是 Visual Studio 生成的股票代码。

<Window x:Class="WpfEvents.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>

    </Grid>
</Window>

没有 XAML UI Designer 选项：

没有完整的 XAML 查看设置： 谢谢！

这是我下载的 Visual Studio 版本。 该描述使我相信应该安装 XAML UI Designer，这应该不是问题。

Express 2013 for Windows 桌面版

Visual Studio Express for Windows Desktop 让您可以充分利用 Windows 和 XAML 设计师、高效的 IDE 以及各种编程语言，包括 C#、Visual Basic 和 C++。在 887 之间进行选择4414387988 演示基础 (WPF)、Windows Forms 和 Win32 , 以 Windows 桌面为目标，使用适合您的应用程序和技能的技术。

Answer 1

工具>选项> XAML设计器并启用XAML设计器为我工作。

PS：默认情况下启用。 由于VS性能问题，我将其禁用，并忘记了此更改，并在开始从事WPF项目时遇到了同样的问题。

Answer 2

我相信您正在寻找XAML Designer，可以从此处加载它：

我正在使用Microsoft VS Community 2015（最终更新）

（截图）

Answer 3

Resharper可以在Resharper>选项>性能指南中禁用XML设计器
我通过关闭Resharper块并在“工具”>“选项”中还原XML设计器来解决我的问题

Answer 4

我不确定是否应该在此处发布答案，因为它可能不适用于VS Express 2013。

使用Visual Studio 2015社区版存在完全相同的问题。 原来我的项目目标版本更高。

请尝试以下操作：

• 在解决方案资源管理器中右键单击您的项目。
• 将目标版本更改为Windows 10（10.0; Build 10240） 。

让我知道是否不相关，我将删除答案。

干杯，山姆

Answer 5

在VS2017 v15.8.9中，我发现未显示设计器，例如，右键单击xaml视图的代码窗格并选择“视图设计器”。

执行以下操作可以为我解决此问题：我进入了工具>选项> XAML设计器，并勾选了启用XAML设计器选项。 因此，我取消选中它，在“选项”对话框中单击“确定”将其关闭。

我退出并重新启动Visual Studio，然后再次进入“工具”>“选项”>“ XAML设计器”，勾选了“启用XAML设计器”，单击“确定”，重新启动Visual Studio，现在它可以正常工作了。

Answer 6

当您在 .Net core (3.0) 中构建 WPF 应用程序时，通常会发生这种情况。 对我来说，更改以下选项有效。

1. 转到工具=>选项
2. 在“环境”下单击选项“预览功能” 。
3. 启用“使用 .Net 核心 SDK 的预览（需要重新启动）” 。
4. 现在重启visual studio。

Answer 7

问题 ：XAML UI设计器未显示

解决方案 ：（来自不同的，比我以前的解决方案更优雅）

1. 单击解决方案文件（ .sln在Solution Explorer）， 如果.sln文件在 Solution Explorer 上市
2. 单击“ 展开窗格”图标以显示“设计”窗格（ 如果已显示）

---

解决方案1：打开.sln文件 ：

我的项目是从git存储库克隆的。 当我从“ 起始页”将其打开时，它会在“ 解决方案资源管理器”中打开并显示完整文件列表。 如果我从该解决方案资源管理器中打开任何.xaml文件，它们将使用不显示图形XAML视图的XML编辑器打开。

解决方案资源管理器的最底部是一个.sln （解决方案）文件。 打开该文件，然后加载我习惯的文件列表。 如果打开任何.xaml文件，则它们将无权访问“设计”视图。 此时打开并关闭它们将加载“设计”视图。 如果“设计”视图仍未出现，请参阅下面的解决方案2。

---

解决方案2：单击展开窗格 ：

在XAML编辑器窗口的底部，您可能会看到一个带有双箭头的小图标（ Expand Pane ）。 如果这样做，则意味着您已经隐藏了“ 设计窗格” 。 单击它，您应该返回设计窗格。

---

版本 ：Visual Studio 2017

项目类型 ：将.Net 4.5.2定位为C＃和WPF，并将控制台应用程序作为输出类型（出于故障排除的目的，我将其同时作为WPF和控制台应用程序使用）。

问题详细信息：

我将正在处理的项目从git存储库中拉到了问题计算机上（使用了Microsoft的所有内置软件和帐户）。 它已成功克隆到问题计算机上，Visual Studio正常运行。 从仓库中撤出后，XAML UI设计器（混合吗？）消失了，只剩下XAML源代码。

我遇到的一个较早的解决方案是从本地计算机中删除source目录，并提取项目的新副本。 但是，这解决了我的问题，现在，我进行了尝试，发现了XAML设计视图丢失的另外两个原因。 我想我不需要删除该文件夹，并且这两个解决方案就足够了。

Answer 8

很有可能它的设置是不以完整的XAML视图打开XAML。 尝试这个

1. 首先单击工具 > 选项
2. 导航到文本编辑器 > XAML > 其他
3. 取消选中始终以完整XAML视图打开文档框。
4. 单击确定 ，关闭选项框，然后尝试再次打开

如果在“ 选项”菜单中看不到“ 文本编辑器 ”，请选中“ 选项”窗口左下方的“ 显示所有设置 ”框。

Answer 9

由于某种原因，它使用“ XML文本编辑器”作为XAML的默认编辑器，要解决此问题，应在解决方案资源管理器中右键单击文件，然后选择“打开方式..”，然后选择“ XAML UI设计器”。

Answer 10

确认Sam对VS 2015的回答； VS似乎具有可复制的功能：1.创建一个新的解决方案（例如Windows Universal）2.在该解决方案中创建一个新的XAML视图页面3.如果Designer无法在该页面上加载，请执行Sam所说的：右键单击在解决方案资源管理器中的项目上，然后将目标版本更改为Windows 10（10.0；内部版本10240）。 我在一个项目上遇到了同样的问题，创建了一个新的测试解决方案来探讨这个问题，并且遇到了同样的问题。 山姆的修复工作奏效。

Answer 11

我有同样的问题 - 直到我在这里意识到这些按钮......看截图。

Answer 12

我不知道问题出在哪里，但是卸载并重新安装相同的软件就可以解决问题。

有趣

Answer 13

仅供参考：这是一种蛮力方法。 我用不同的答案发布了一个更干净的解决方案。

问题 ：使用git存储库时未显示XAML UI设计器

解决方案 ：删除并在%USERPROFILE%\\source\\Repos重新创建项目目录。

---

步骤 ：

1. 使用文件资源管理器从%USERPROFILE%\\source\\Repos删除项目目录
2. 从 开始页面上的Visual Studio Team Services中选择“ 签出”

3. 再次拉项目

   警告：请确保已备份文件！

---

版本 ：Visual Studio 2017

项目类型 ：将.Net 4.5.2定位为C＃和WPF，并将控制台应用程序作为输出类型（出于故障排除的目的，我将其同时作为WPF和控制台应用程序使用）。

问题详细信息：

我将正在处理的项目从git存储库中拉到了问题计算机上（使用了Microsoft的所有内置软件和帐户）。 它已成功克隆到问题计算机上，Visual Studio正常运行。 从仓库中撤出后，XAML UI设计器（混合吗？）消失了，只剩下XAML源代码。 解决方案（尝试了此处列出的其他解决方案之后）是从本地计算机中删除source目录，并提取项目的新副本。

暗示：

删除并重新创建项目也可能适用于其他情况。 YMMV。

Answer 14

截至目前，尚未为针对.NET Core 3的项目创建设计器。

Answer 15

我遇到了这个问题，并且能够通过卸载 Visual Studio 并删除我的程序文件中的 Visual Studio 文件夹来修复它。 显然卸载后还有一些剩余的文件夹。

不过我的情况可能有点特殊。 我有一个小的 C 驱动器，Visual Studio 总是在那里安装文件，无论我做了什么来更改安装目录，所以我创建了一个符号链接来强制它安装到不同的目录。 那行得通，但很久以后我不得不重新安装 VS 并且符号链接导致安装错误，从而阻止了某些组件的安装。 所以是的，希望这会有所帮助

Answer 16

XAML 预览器已在 Visual Studio 2019 版本 16.8 和 Visual Studio for Mac 版本 8.8 中弃用，取而代之的是 Visual Studio 2019 版本 16.9 和 Visual Studio for Mac 版本 8.9 中的XAML 热重载功能。 您可以改用xaml 热重载。

Answer 17

我因不同的原因遇到了同样的问题。 我已经从项目中排除了XAML文件。 当我单击以对其进行编辑时，只有XAML代码，没有图片。 花了一段时间才发现。

Answer 18

    1. Kill the designer process with PowerShell or via Task Manager.

        PS C:\Users\nagel> ps XD*

        Handles  NPM(K)    PM(K)      WS(K)     CPU(s)     Id  SI ProcessName
        -------  ------    -----      -----     ------     --  -- -----------
            865      54    86464     117936       3.28   7156   1 XDesProc

        PS C:\Users\nagel> kill 7156

    2. build the project.

    The designer windows will appear with the black background and the three links. 
Click on the second link that says "Click here to disable running project code and reload the designer". 
After the click, the designer window will show up.

Answer 19

我知道这是一个老话题，但是我的解决方案将来可能会对某人有所帮助。

我在Windows 7上遇到了与Visual Studio 2015社区相同的问题，前几天我的一个xamarin android项目的xaml文件停止在XAML代码下方显示“设计器”选项卡。

我按照@Waqas的足迹尝试了所有给定的解决方案，但没有任何效果，我发现未选中“使用基于象限的布局”，而选中了其他复选框。 总结一下：

VS 2015社区>工具>选项> XAML设计器>选中使用基于象限的布局

然后，我退出并重新启动Visual Studio，以找到“设计器”选项卡，该选项卡位于XAML代码的左下方，并位于“源”选项卡旁边。 HTH。

Answer 20

就像Xamarin Designer的许多其他问题一样，对我有所帮助的是，关闭所有标签页，清除解决方案，删除bin和obj文件夹，重建解决方案

Answer 21

我遍历了这篇文章中的所有解决方案-显然我所缺少的是我完全忘记了Designer标签的外观。

打开XAML文件时，无论如何（即使在修复后），它始终始终默认为代码视图，但可以肯定的是，XAML代码视图的右上角有一个小图标，将其切换到“设计”视图。

叹

Answer 22

我在Visual Studio 2019上也遇到了相同的问题。我解决了切换视图的问题。

您可以使用解决方案资源管理器中“主页”按钮旁边的“切换视图”按钮来切换视图。 您应该选择.sln部分。

Answer 23

好吧，这是一个古老的帖子，但我发现设计师可以隐藏另一种方法，即使在VS2019中正确配置它也是如此。 所以这是发生在我身上的事情：

启用了XML设计器，除了设计器未显示之外，其他所有功能都应该工作了。除了它，只是隐藏在宽度为零的拆分视图滑块中！ 我只能假定这是因为我在PC上更换了很多显示器，并且调整了不同分辨率的显示器之间经常发生的窗口大小调整。

无论如何，都要在暗处搜索xml视图周围的所有内容，抓住拆分视图滑块并滑动，设计器将在现实世界中以零大小显示。

Answer 24

在解决方案文件所在的同一文件夹中有一个隐藏文件夹".vs" 。

删除这个".vs"文件夹可能会有帮助。

下次打开解决方案时，Visual Studio 将自动重新生成此文件。

Answer 25

这是我的情况，但可能不适用于您的情况：我遇到了同样的问题，但修复很简单。 即使关闭了WPF窗口，我的程序仍以某种方式仍在运行。 我必须停止调试，然后设计器页面才会自动为我显示。 希望这行得通。