Kann ich den Entwurfsbereich vom XAML-Bereich in Visual Studio trennen?

83

Ist es möglich, das von mir entworfene WPF-Fenster von seinem XAML-Code zu trennen? Ein Doppelklick auf eine XAML-Datei öffnet diese und zeigt sowohl den XAML-Code als auch das WPF-Fenster in einem Fenster an. Dabei werden sie entweder horizontal oder vertikal aufgeteilt, aber beide befinden sich immer noch in einem Fenster. Ich habe 4 Monitore und der XAML-Code, den ich schreibe, hat lange Zeilen. Daher möchte ich den XAML-Code nur auf einem Monitor bearbeiten und das WPF-Fenster auf einem anderen anzeigen, aber es scheint nicht, sie in zwei verschiedene Fenster aufzuteilen möglich.

Ein paar miese Problemumgehungen, die ich machen kann, die ich aber nicht mag, sind:

  1. Docken Sie den gesamten XAML-Editor mit dem Designer ab und ändern Sie die Größe dieses Fensters über zwei Monitore, sodass sich der XAML-Code auf einem Monitor und das WPF-Fenster auf einem anderen befindet.
  2. Verwenden Sie "Öffnen mit ...", um einen zweiten Editor desselben XAML-Dokuments zu öffnen, aber dann werden die Code-Hervorhebung und die WPF-Fenster-Hervorhebung nicht synchronisiert.

Ist es also möglich, sie zu teilen? Oder haben Sie eine bessere Problemumgehung als meine?

visual-studio-2010 xaml visual-studio-2012 visual-studio-2013 visual-studio-2015 Einfacher Codierer
quelle
2
Dieser msdn-Blogbeitrag (Tipp 10) scheint darauf hinzudeuten, dass die beiden Problemumgehungen, die Sie bereits kennen, die offizielle Lösung sind. blogs.msdn.com/b/wpfsldesigner/archive/2010/06/30/…
Chris Petheram
14
Es ist traurig, dass sie diese Funktion nach 4 Jahren immer noch nicht implementiert haben. Multi-Monitor-Setups werden bereits seit mindestens 10 Jahren häufig verwendet.
Plain Coder
2
6 Jahre jetzt frage ich mich, ob sich etwas geändert hat
Ateik
1
@ PlainCoder Mehr wie 20 Jahre.
John Stock
1
2019 sind wir hier und es ist immer noch nicht implementiert: D
Zeta

Antworten:

79

Ich hatte das gleiche Problem, dann fand ich einen Weg, es so zu trennen,

  • Klicken Sie im Lösungs-Explorer mit der rechten Maustaste auf die XAML-Datei und wählen Sie Öffnen mit .
  • Wählen Sie Quellcode (Text) Editor (anstelle von XML (Text) Editor ).

Dadurch wird eine separate Registerkarte für den XAML-Quellcode-Editor erstellt. Docken Sie sie einfach ab und erstellen Sie ein neues Fenster.

Puttu
quelle
6
Hast du meine zweite Problemumgehung oben gelesen? Es ist genau das, was Sie vorschlagen.
Plain Coder
1
@PlainCoder, ich möchte nur bestätigen, dass dies in VS2015 hervorragend und wie erwartet funktioniert - mit Syntax-Highlights (auch mit ReSharper 10-Highlights) und vollständig synchronisiert. Es scheint jetzt sicher zu sein, diese Antwort zu akzeptieren.
Sevenate
Ich kann bestätigen, dass dies auch in VS2013 funktioniert, wie @Sevenate beschreibt.
Kidiskidvogingogin
1
@Sevenate Mein Visual Studio 2015 funktioniert nicht wie erwartet und synchronisiert die Syntax-Highlights nicht.
Steve.NayLinAung
3
Es wird in dem Sinne synchronisiert, dass Sie eine Änderung vornehmen und das andere Fenster aktualisiert wird. Leider können Sie nicht auf ein Element klicken, um das entsprechende Element oder den entsprechenden Code im anderen Fenster anzuzeigen :-(
Simon_Weaver
12

Klicken Sie auf die Doppelpfeilschaltfläche auf der rechten Seite des XML-Codes.

Durch Klicken auf eine dieser Optionen werden XAML und Design in zwei separate Bereiche innerhalb desselben Fensters unterteilt. Von dort können die Scheiben umgeschaltet werden.

Klicken Sie erneut auf den Doppelpfeil, um die ursprüngliche Konfiguration wiederherzustellen >>.

Diese Optionen sind unten hervorgehoben:

XAML / Design-Umschaltoptionen

Vivek Kumar
quelle
3

Visual Studio 2017 verfügt über einen neuen Modus zum Bearbeiten und Fortfahren für XAML, der wirklich fantastisch ist und für mich die Notwendigkeit dieser Aufteilungsfunktion beseitigt hat.

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

Sie können die XAML buchstäblich eingeben und die laufende Anwendung sofort aktualisieren lassen - stellen Sie sie also auf den gewünschten Bildschirm.

Meine Visual Studio-Bearbeitung für XAML war sehr langsam und die Aktualisierungen erfolgen jetzt sofort und erfolgen innerhalb der tatsächlich ausgeführten Anwendung. Dadurch wird die Entwicklung erheblich beschleunigt.

Simon_Weaver
quelle
Auch keine vollständige Lösung, da Benutzer auf die UI-Darstellung klicken und zur XAML wechseln müssen.
j riv
Auch das Bearbeiten und Fortfahren für XAML kann nicht alle Änderungen verarbeiten. Das Einfügen eines Wörterbuchs in ein MergedDictionary oder das Hinzufügen von DataTemplates scheint beispielsweise nicht immer zu funktionieren.
Mike de Klerk
Auch können Sie nicht vergrößern
Ateik
0

Verwenden Sie die Popup-Option XAML neben Design- und XAML-Fenster, mit der der XAML-Editor in einem neuen Fenster angezeigt wird, das auf einen anderen Bildschirm verschoben werden kann. Element-Highlights funktionieren nicht, aber Änderungen werden sofort wiedergegeben.

Shivendra Bisht
quelle
-2

Wenn Sie zwei Bildschirme haben, teilen Sie das Designerfenster vertikal, docken Sie das Fenster von Visual Studio ab und ändern Sie die Größe des Fensters so, dass sich die Breite über Ihre beiden Bildschirme erstreckt.

disklosr
quelle
Das ist genau seine erste Option
Ateik