XAML 设计器未显示答案

【问题标题】：XAML Designer not showing upXAML 设计器未显示
【发布时间】：2021-10-31 15:14:00
【问题描述】：

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

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

从教程（参见图 7 和图 8）中可以看出，应该有一些显示 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 设计器选项：

没有完整的 XAML 视图设置：谢谢！

这是我下载的 Visual Studio 版本。该描述使我相信应该安装 XAML UI 设计器并且这不应该是一个问题。

Express 2013 for Windows 桌面

Visual Studio Express for Windows Desktop 让您可以通过 XAML 设计器、高效的 IDE 和各种编程语言（包括 C#、Visual Basic 和 C++）充分利用 Windows。在 Windows Presentation Foundation (WPF)、Windows 窗体和 Win32 之间进行选择，以使用适合您的应用程序和技能的正确技术来定位 Windows 桌面。

【问题讨论】：

您的 XAML 格式可能有误，因此编辑器无法确定其为可视化设计器文件。请发布 XAML 内容，以便我们帮助确定原因。
在显示 XAML 的窗口底部，应该有 2 个标签为 XAML 和 Design。单击“设计”选项卡，看看是否可以解决问题。
你看到的代码，是XAML还是C#？
添加图片以显示我正在查看的内容。
你的视图缺少按钮，左下角应该有标签，右下角应该有3个小按钮

标签： c# wpf xaml visual-studio-2013

【解决方案1】：

Tools>Option>XAML Designer 并启用 XAML Designer 为我工作。

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

【讨论】：

为了补充这一点，我的 ReSharper“性能指南”（在选项下）将“禁用 XAML 设计器”设置为“静默修复”，导致它被自动禁用。我将其更改为“忽略”，现在它再次启用。
@ub3rst4r 谢谢。我第三次启用了，想知道怎么了。
@ub3rst4r，谢谢，在我的情况下，ReSharper 确实也禁用了它。
Resharper（由 Office Space 的 Bill Lumbergh 配音）：“您好，开发人员。（叹气）有什么事情发生了？嗯，我需要您继续使用 Visual Studio 而不使用您的 XAML Desiiiigner . 所以，如果您可以允许我们在您的 Visual Stuuuudio 中静默自动删除该选项并将其关闭，那就太好了。嗯？”
这个解决方案被低估但解决了我的问题：stackoverflow.com/a/30090975/196210

【解决方案2】：

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

【讨论】：

Resharper（由 Office Space 的 Bill Lumbergh 配音）：“你好，开发人员。（叹气）有什么事情发生了？嗯，我要需要你继续在没有 XAML Desiiiigner 的情况下使用 Visual Studio。因此，如果您可以允许我们在您的 Visual Stuuuudio 中自动删除该选项并将其关闭，那就太好了。嗯？"

【解决方案3】：

我相信您正在寻找 XAML 设计器，它可以从这里加载：

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

（截图）

【讨论】：

【解决方案4】：

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

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

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

【讨论】：

【解决方案5】：

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

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

尝试以下方法：

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

如果不相关，请告诉我，我将删除我的答案。

干杯，山姆

【讨论】：

【解决方案6】：

问题：XAML UI 设计器未显示

解决方案：（与我之前的解决方案不同并且很多更优雅）

点击解决方案资源管理器中的解决方案文件 (.sln)，如果.sln 文件列在 解决方案资源管理器 >
单击展开窗格图标以显示设计窗格，如果显示

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

我的项目是从 git 存储库克隆的。当我从 Start Page 打开它时，它会在 Solution Explorer 中打开一个完整的文件列表。如果我从那个 Solution Explorer 打开任何 .xaml 文件，它们会使用不显示图形 XAML 视图的 XML 编辑器打开。

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

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

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

版本：Visual Studio 2017

项目类型：以 .Net 4.5.2 为目标的 C# 和 WPF，以控制台应用程序作为输出类型（出于故障排除目的，我将其作为 WPF 和控制台应用程序） .

问题详情：

我将我正在处理的项目从 git 存储库拉到问题计算机上（使用 Microsoft 的所有内置软件和帐户）。它已成功克隆到问题计算机上，并且 Visual Studio 可以正常工作。从存储库中提取后，XAML UI 设计器（Blend？）消失了，只剩下 XAML 源。

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

【讨论】：

解决方案 1 对我有用。在找到你的之前，我尝试了很多其他方法。你是怎么想出来的？这是我在 VS 中看到的最疯狂的事情，并且有一些奇怪的事情。感激不尽。

【解决方案7】：

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

转到工具 => 选项
在“环境”下点击选项“预览功能”。
启用“使用 .Net core SDK 的预览版（需要重新启动）”。
现在重新启动 Visual Studio。

【讨论】：

【解决方案8】：

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

【讨论】：

检查更新中的图像。 XAML UI Designer 没有选项。
抱歉，我现在看到了问题中的编辑，如果您没有 XAML UI 设计器，那么您的 Visual Studio 缺少这部分安装，我使用的是 Visual Studio 社区，所以它进来了默认安装，不知道Express怎么样
查看 Visual Studio Express for Windows 桌面页面visualstudio.com/en-us/products/visual-studio-express-vs.aspx，听起来确实应该有 XAML 设计器。有没有其他方法可以安装此功能？
最佳答案！！荣誉

【解决方案9】：

XAML Previewer 在 Visual Studio 2019 版本 16.8 和 Visual Studio for Mac 版本 8.8 中已弃用，并在 Visual Studio 2019 版本 16.9 和 Visual Studio for Mac 版本 8.9 中被 XAML Hot Reload feature 取代。您可以改用xaml hot reload。

【讨论】：

谢谢。该视频也帮助演示了它youtube.com/watch?v=dc009GOjpc8

【解决方案10】：

很可能它设置为不在完整的 XAML 视图中打开 XAML。试试这个

首先点击工具 > 选项
导航到文本编辑器 > XAML > 其他
取消选中始终以完整 XAML 视图打开文档的复选框。
点击确定，关闭选项框并尝试再次打开

如果您在选项菜单中没有看到 文本编辑器，请选中 显示所有设置 在 左下角的框 strong>选项窗口。

【讨论】：

查看编辑中添加的图像。我没有看到“始终以完整 XAML 视图打开文档”。
您在其他菜单中也没有看到该选项 - 比如常规 - 吗？
不，我在其他任何地方都看不到。
@SaagarEliasJacky 没有你说的选项
始终以完整的 XAML 视图打开文档。

【解决方案11】：

确认 Sam 对 VS 2015 的回答； VS 似乎有一个可重现的特性： 1.创建一个新的解决方案（比如Windows Universal） 2. 在该解决方案中创建一个新的 XAML 视图页面 3. 如果 Designer 无法在该页面上加载，请按照 Sam 所说的操作：在解决方案资源管理器中右键单击您的项目，然后将目标版本更改为 Windows 10（10.0；Build 10240）。我在一个项目中遇到了同样的问题，创建了一个新的测试解决方案来探索这个问题，并且遇到了同样的问题。 Sam 的解决方法奏效了。

【讨论】：

【解决方案12】：

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

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

【讨论】：

【解决方案13】：

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

【讨论】：

【解决方案14】：

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

有趣

【讨论】：

【解决方案15】：

仅供参考：这是一种蛮力方法。我在另一个答案中针对我的问题发布了一个更简洁的解决方案。

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

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

步骤：

使用文件资源管理器从%USERPROFILE%\source\Repos 中删除项目目录
在起始页上选择从 Visual Studio Team Services 结帐
再次拉取项目

警告：确保您的文件已备份！

版本：Visual Studio 2017

项目类型：以 .Net 4.5.2 为目标的 C# 和 WPF，以控制台应用程序作为输出类型（出于故障排除的目的，我将其作为 WPF 和控制台应用程序） .

问题详情：

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

提示：

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

【讨论】：

【解决方案16】：

这是我的情况，但可能不适用于您的情况：我遇到了同样的问题，但解决方法很简单。不知何故，即使我关闭了 WPF 窗口，我的程序仍在运行。我必须停止调试，然后设计器页面会自动显示给我。希望这有效。

【讨论】：

【解决方案17】：

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

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

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

VS 2015 community>Tools>Option>XAML Designer> check Use quadrant based layout

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

【讨论】：

【解决方案18】：

帮助我的就像 Xamarin 设计器的许多其他问题一样，关闭所有选项卡，清理解决方案，删除 bin 和 obj 文件夹，重建解决方案

【讨论】：

我没有使用 Xamarin，但这样做是解决方案

【解决方案19】：

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

【讨论】：

【解决方案20】：

我浏览了这篇文章中的所有解决方案 - 显然我错过的是我完全忘记了设计器选项卡的外观。

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

叹息

【讨论】：

【解决方案21】：

嗯，这是一篇旧帖子，但我刚刚找到了另一种方式，即使在 VS2019 中正确配置，设计师也可以隐藏它。所以这就是发生在我身上的事情：

XML 设计器已启用，除了设计器没有显示之外，一切都应该正常工作......但它只是隐藏在宽度为零的拆分视图滑块中！我只能推测这是因为我在 PC 上经常更换显示器，并且在不同分辨率的显示器之间经常调整窗口大小。

无论如何，在黑暗中搜索 xml 视图周围的任何东西，抓住拆分视图滑块并滑动，设计师将在现实世界中以非零大小显示......

【讨论】：

【解决方案22】：

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

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

【讨论】：

【解决方案23】：

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

【讨论】：

【解决方案24】：

    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.

【讨论】：