XAML 设计器未显示

在 MSVisualStudioExpress2013中，Windows 桌面:

我正在学习 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>

enter image description here

没有 XAML UI 设计器选项: enter image description here

没有完整的 XAML 视图设置: enter image description here 谢谢！

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

用于 Windows 桌面的 Express 2013

Visual Studio Express for Windows Desktop 让您充分利用 Windows 的 XAML 设计器、高效的 IDE 以及包括 C # 、 Visual Basic 和 C + + 在内的各种编程语言。在 Windows 演示文稿基础(WPF)、 Windows 窗体和 Win32之间进行选择，以使用适合您的应用程序和技能的适当技术瞄准 Windows 桌面。

128781 次浏览
小开

很可能它的设置是不在完整的 XAML 视图中打开 XAML

  1. 首先点击 工具 > 选择
  2. 导航到 文本编辑器 > XAML > 杂项
  3. 取消勾选 始终在完整 XAML 视图中打开文档。
  4. 单击 好的，关闭 选择框并再次尝试打开

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

小开

出于某种原因，它使用了“(XML)文本编辑器”作为 XAML 的默认编辑器，为了解决这个问题，您应该在解决方案资源管理器中右键单击文件，然后选择“ Open with”。."选择「 XAML UI 设计工具」

Open with...

小开

我不知道是什么问题，但卸载和重新安装相同的软件的伎俩。

有意思

小开

我不确定我是否应该把答案张贴在这里，因为它可能不适用于 VS 快递2013。

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

试试以下方法:

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

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

干杯, 山姆

小开

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

小开

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

我正在使用 MicrosoftVSCommunity2015(最终更新)

(截图)Microsoft Visual Studio Community 2015

小开

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

小开

工具 > 选项 > XAML 设计器和启用 XAML 设计器为我工作。 enter image description here

备注: 默认情况下它是启用的。由于 VS 性能问题，我禁用了它，忘记了这个更改，结果在我开始 WPF 项目工作时遇到了同样的问题。

小开 
    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.
小开

仅供参考: 这是一个蛮力方法，我在另一个不同的答案中发布了一个更干净的解决方案。

问题 : XAML UI Designer 在使用 git 存储库时不显示

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

步骤 :

  1. 使用文件资源管理器从 %USERPROFILE%\source\Repos中删除项目目录
  2. 在 首页上选择 从 VisualStudioTeamServices 签出

  3. 再次取消计划

    警告: 确保备份了文件！

版本 : Visual Studio 2017

项目类型 : C # 和 WPF 目标。Net 4.5.2，输出类型为控制台应用(为了排除故障，我把它作为一个 WPF 和一个控制台应用)。

问题详情:

我把我正在做的一个项目从一个 git 存储库拖到问题计算机上(使用微软所有的内置软件和帐户)。它被成功地克隆到有问题的计算机上，并且 VisualStudio 工作正常。从回购后拉 XAMLUI 设计器(混合?)消失了，留给我的只有 XAML 源代码。解决方案(在尝试了这里列出的其他一些方法之后)是从本地计算机中删除 source目录，然后重新复制该项目。

提示:

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

小开

问题 : XAML UI Designer 未显示

解决方案 : (与我之前的解决方案不同，很多比我之前的解决方案更优雅)

  1. 单击 解决方案资源管理器，如果 .sln文件列在 解决方案资源管理器中的解决方案文件(.sln)
  2. 单击 展开窗格图标以显示“设计”窗格 如果它被展示出来的话

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

我的项目是从 git 存储库克隆出来的。当我从 首页打开它时，它会在 解决方案资源管理器中打开一个完整的文件列表。如果我从那个 解决方案资源管理器打开任何 .xaml文件，它们都是用 XML 编辑器打开的，这个编辑器不显示图形化的 XAML 视图。

在 解决方案资源管理器的底部有一个 .sln(解决方案)文件。打开该文件，然后加载我习惯的文件列表。如果任何 .xaml文件被打开，它们将无法访问 Design 视图。此时打开和关闭它们将加载 Design 视图。如果设计视图仍然没有出现，请参见下面的解决方案2。 Solution .sln in Solution Explorer

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

在 XAML 编辑器窗口的底部，您可能会看到一个带有双箭头(展开窗格)的小图标。如果你这样做，这意味着你已经隐藏了 设计窗格。单击它，应该会得到“设计窗格”。

Expand Pane

版本 : Visual Studio 2017

项目类型 : C # 和 WPF 目标。Net 4.5.2，输出类型为控制台应用(为了排除故障，我把它作为一个 WPF 和一个控制台应用)。

问题详情:

我把我正在做的一个项目从一个 git 存储库拖到问题计算机上(使用微软所有的内置软件和帐户)。它被成功地克隆到有问题的计算机上，并且 VisualStudio 工作正常。从回购后拉 XAMLUI 设计器(混合?)消失了，留给我的只有 XAML 源代码。

我遇到的一个早期解决方案是从本地计算机中删除 source目录，然后重新复制该项目。这解决了我的问题，但是，现在我已经发挥了它，并发现两个其他原因，我的 XAML 设计视图缺失。我想我不需要删除文件夹，这两个解决方案就足够了。

小开

这是我的情况，但可能不适用于你的情况: 我有同样的问题，但解决办法很简单。不知何故，我的程序仍然运行，即使我关闭了我的 WPF 窗口。我必须停止调试，然后设计器页面将自动为我显示。希望能成功。

小开

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

我在 Windows 7上的 Visual Studio 2015 Community 遇到了同样的问题，我的 xamarin android 项目的一个 XAML 文件前几天停止显示 XAML 代码下面的 Designer 选项卡。

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

VS 2015社区 > 工具 > 选项 > XAML 设计器 > 检查使用象限为基础的布局

然后退出并重新启动 VisualStudio，找到 XAML 代码左下角的 Designer 选项卡，与 Source 选项卡并排。高温。

小开

在 Resharper > Options > Performance Guide 中，Resharper 可以禁用 XML 设计器
我通过关闭 Resharper 块并在 Tools > Options 中恢复 XML 设计器来解决我的问题

小开

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

小开

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

下面的表演为我解决了这个问题: 进入 Tools > Options > XAML Designer，Enable XAML Designer 选项被勾选。 所以，我取消勾选，点击确定在选项对话框关闭它。

我退出并重新启动 Visual Studio，再次进入 Tools > Options > XAML Designer，勾选 Enable XAML Designer，单击 OK，重新启动 Visual Studio，现在它正在工作。

小开

到目前为止，还没有为针对.NETCore3的项目创建设计器。

小开

我浏览了这篇文章中的每一个解决方案——显然，我所遗漏的是，我完全忘记了设计师标签页是什么样子的。

当打开 XAML 文件时，它总是默认为代码视图(即使在修复之后) ，但是可以肯定的是，在 XAML 代码视图的右上角有一个小图标，它将其切换到了设计视图。

叹气

小开

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

您可以在解决方案资源管理器中使用“切换视图”按钮切换主按钮旁边的视图。你应该选择。监控室。

小开

嗯，这是一个老职位，但我刚刚发现另一种方式的设计师可以隐藏，即使它是配置正确的 VS2019。这就是发生在我身上的事情:

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

无论如何搜索周围在黑暗中的 xml 视图周围没有任何东西，抓取分割视图滑块和幻灯片，设计师将显示在现实世界中的非零大小..。

小开

我有这个问题，并能够解决它通过卸载视觉工作室和删除我的程序文件中的 Visual Studio 文件夹。显然卸载后还有一些剩余的文件夹。

不过我的案子可能有点特殊。我有一个小的 C 驱动器和可视化工作室总是安装文件有无论我做了什么改变安装目录，所以我创建了一个符号链接，强制它安装到一个不同的目录。这个方法起作用了，但是很久以后我不得不重新安装 VS，而且符号链接导致了一个安装错误，这阻止了一些组件的安装。希望这个能帮上忙

小开

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

enter image description here

小开

当你在.Net core (3.0)中构建 WPF 应用程序时，这种情况经常发生。

  1. 转到 工具 = > 选择
  2. 在 “环境”下单击选项 “预览特辑”。
  3. 启用 “使用.Net 核心 SDK 的预览(需要重新启动)”。
  4. 现在重启视觉工作室。

enter image description here

小开

在 Visual Studio 2019版本16.8和 Visual Studio for Mac 版本8.8中，XAML 预览器已被弃用，在 Visual Studio 2019版本16.9和 Visual Studio for Mac 版本8.9中，XAML 热重载特性被取代。 您可以改用 热重新装填。


提交答案