我可以在 VisualStudio 中将设计窗格与 XAML 窗格分离吗?

有没有可能把我设计的 WPF 窗口从它的 XAML 代码中分离出来?双击任何 XAML 文件都会打开它,在一个窗口中同时显示 XAML 代码和 WPF 窗口,水平或垂直地将它们分开,但仍然都在一个窗口中。我有4个显示器,我写的 XAML 代码有很长的代码行,所以我想单独在一个显示器上编辑 XAML 代码,在另一个显示器上查看 WPF 窗口,但是把它们分成两个不同的窗口似乎是不可能的。

我可以做但不喜欢的几个糟糕的变通方法是:

  1. 取消与设计器的整个 XAML 编辑器的对接,然后在两个监视器上调整该窗口的大小,以便 XAML 代码在一个监视器上,WPF 窗口在另一个监视器上。
  2. 使用“ Open With...”打开同一 XAML 文档的第二个编辑器,但是代码高亮显示和 WPF 窗口高亮显示不同步。

有没有可能把它们分开? 或者你有比我更好的解决办法?

21142 次浏览

我也遇到过同样的问题,然后我找到了一种方法把它们分开,

  • 右键单击 溶液探测器溶液探测器中的 XAML 文件并选择 打开;
  • 选择 源代码(文本)编辑器(而不是 XML (文本)编辑器)。

这将为 XAML 源代码编辑器创建一个单独的选项卡,只需取消停靠并创建一个新窗口。

如果您有两个屏幕,垂直分割设计器窗口,从视觉工作室取消停靠窗口,然后调整窗口大小,使宽度跨越您的双屏幕。

单击 XML 代码右侧的双箭头按钮。

单击其中一个选项将 XAML 和 Design 分隔为同一窗口中的两个独立窗格。从那里,窗格可以被切换。

要恢复到原始配置,请再次单击双箭头 >>按钮。

这些备选方案突出说明如下:

XAML/Design toggle options

Visual Studio 2017为 XAML 提供了一个新的“编辑并继续”模式,这非常棒,对我来说已经不需要这种“分割”功能了。

Https://blogs.msdn.microsoft.com/visualstudio/2016/04/06/ui-development-made-easier-with-xaml-edit-continue/

您可以直接输入 XAML 并让 跑步应用程序立即更新——因此将其放在您想要的任何屏幕上。

我的 Visual Studio 对 XAML 的编辑已经变得超级超级慢,而且现在更新是即时的,并且发生在实际运行的应用程序中——这将使开发速度大大加快。

在 Design & XAML Panes 旁边使用弹出式 XAML 选项,它将弹出 XAML 编辑器到一个新窗口,该窗口可以移动到另一个屏幕。元素突出显示不起作用,但是更改将动态反映出来。