83

是否可以将我正在设计的 WPF 窗口与其 XAML 代码分开？双击任何 XAML 文件将打开它，并在一个窗口中同时显示 XAML 代码和 WPF 窗口，水平或垂直拆分它们，但两者仍然在一个窗口中。我有 4 个监视器，我编写的 XAML 代码行很长，所以我想单独在一个监视器上编辑 XAML 代码并在另一个监视器上查看 WPF 窗口，但是将它们分成两个不同的窗口似乎并不可能的。

我可以做但我不喜欢的几个糟糕的解决方法是：

  1. 使用设计器取消停靠整个 XAML 编辑器，然后在两个监视器上调整该窗口的大小，以便 XAML 代码将位于一个监视器上，而 WPF 窗口将位于另一个监视器上。
  2. 使用“打开方式...”打开同一 XAML 文档的第二个编辑器，但代码突出显示和 WPF 窗口突出显示不同步。

那么可以拆分它们吗？或者也许你有比我更好的解决方法？

4

5 回答 5

82

我有同样的问题，然后我找到了一种方法来分开它，

  • 在解决方案资源管理器中右键单击 XAML 文件并选择Open With；
  • 选择Source Code (Text) Editor（而不是XML (Text) editor）。

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

于 2014-07-03T05:57:17.263 回答
12

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

单击其中一个选项会将 XAML 和设计分隔到同一窗口中的两个单独的窗格中。从那里，可以切换窗格。

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

这些选项在下面突出显示：

XAML/设计切换选项

于 2016-11-03T09:57:57.280 回答
3

Visual Studio 2017 为 XAML 提供了一个新的“编辑并继续”模式，这真是太棒了，对我来说已经消除了对这种“拆分”功能的需求。

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

您可以直接输入 XAML 并让正在运行的应用程序立即更新 - 所以将它放在您想要的任何屏幕上。

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

于 2017-01-21T01:37:09.027 回答
0

使用 Design & XAML Panes 旁边的弹出 XAML 选项，这会将 XAML 编辑器弹出到一个新窗口，该窗口可以移动到另一个屏幕。元素突出显示将不起作用，但更改将即时反映。

于 2020-05-20T11:37:32.007 回答
-2

如果您有两个屏幕，请垂直拆分设计器窗口，从 Visual Studio 中取消停靠窗口，然后调整窗口大小，使宽度跨越您的双屏幕。

于 2015-04-29T10:06:17.973 回答