Visual StudioでデザインペインをXAMLペインから分離できますか?


83

設計しているWPFウィンドウをXAMLコードから分離することは可能ですか?XAMLファイルをダブルクリックするとファイルが開き、XAMLコードとWPFウィンドウの両方が1つのウィンドウに表示され、水平方向または垂直方向に分割されますが、両方とも1つのウィンドウに表示されます。モニターが4つあり、作成したXAMLコードの行が長いので、1つのモニターだけでXAMLコードを編集し、別のモニターでWPFウィンドウを表示したいのですが、2つの異なるウィンドウに分割するようには見えません。可能。

私ができるが好きではないいくつかのお粗末な回避策は次のとおりです。

  1. XAMLエディター全体をデザイナーでドッキング解除してから、そのウィンドウのサイズを2つのモニターに変更して、XAMLコードが1つのモニターに表示され、WPFウィンドウが別のモニターに表示されるようにします。
  2. 「プログラムから開く...」を使用して、同じXAMLドキュメントの2番目のエディターを開きますが、コードの強調表示とWPFウィンドウの強調表示が同期されません。

それで、それらを分割することは可能ですか?それとも、私のよりも良い回避策がありますか?


2
このmsdnブログ投稿(ヒント10)は、すでに知っている2つの回避策が公式の解決策であることを示唆しているようです。blogs.msdn.com/b/wpfsldesigner/archive/2010/06/30/...
クリスPetheram

14
4年経ってもまだこの機能を実装していないのは悲しいことです。マルチモニターのセットアップは、少なくとも10年前から一般的に使用されています。
プレーンコーダー2014年

2
6年後、何かが変わったのだろうか
Ateik 2016年

1
@PlainCoder20年くらい。
ジョンストック

1
2019ここにあり、まだ実装されていません:D
ゼータ

回答:


79

私はこれと同じ問題を抱えていました、そして私はそれをこのように分離する方法を見つけました、

  • 右にXAMLファイルをクリックしてソリューションエクスプローラを選択し開く]を
  • XML(テキスト)エディターの代わりに)ソースコード(テキスト)エディターを選択します。

これにより、XAMLソースエディター用に別のタブが作成されます。ドッキングを解除して、新しいウィンドウを作成するだけです。


6
上記の2番目の回避策を読みましたか?それはまさにあなたが提案するものです。
プレーンコーダー2014

1
@ PlainCoder、VS2015でこれがうまく機能し、期待どおりに機能することを確認したいだけです-構文のハイライト(ReSharper 10のハイライトでも)と完全に同期されています。この答えを受け入れるのは今では安全なようです。
セブンエイト2015

@Sevenateが説明しているように、これはVS2013でも機能することを確認できます。
Kidiskidvogingogin 2016

1
@Sevenate My Visual Studio 2015が期待どおりに機能せず、構文のハイライトが同期されません。
Steve.NayLinAung 2016年

3
変更を加えて他のウィンドウが更新されるという意味で同期されますが、残念ながら、アイテムをクリックして他のウィンドウに対応する要素またはコードを表示することはできません:-(
Simon_Weaver

12

XMLコードの右側にある二重矢印ボタンをクリックします。

これらのオプションのいずれかをクリックすると、XAMLとデザインが同じウィンドウ内の2つの別々のペインに分割されます。そこから、ペインを切り替えることができます。

元の構成に戻すには、二重矢印>>ボタンをもう一度クリックします。

これらのオプションは以下で強調表示されています。

XAML /デザイントグルオプション


3

Visual Studio 2017には、XAML用の新しい「編集して続行」モードがあります。これは本当に素晴らしいです。私にとっては、この「分割」機能の必要性がなくなりました。

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

文字通りXAMLを入力して、実行中のアプリケーションを即座に更新することができます。そのため、必要な画面に配置できます。

XAML用のVisualStudioの編集が非常に遅くなり、更新が瞬時に行われ、実際に実行されているアプリケーション内で行われるようになりました。これにより、開発が非常に高速になります。


人々はUI表現をクリックしてXAMLに移動する必要があるため、完全なソリューションではありません。
j riv 2017年

また、XAMLの編集と続行では、すべての編集を処理できるわけではありません。たとえば、MergedDictionaryに辞書を含めたり、DataTemplatesを追加したりすると、常に機能するとは限りません。
Mike de Klerk 2017年

また、ズームインすることはできません
Ateik 2018

0

[デザインとXAMLペイン]の横にあるポップアップXAMLオプションを使用すると、XAMLエディターが新しいウィンドウにポップアウトされ、別の画面に移動できます。要素のハイライトは機能しませんが、変更はその場で反映されます。


-2

2つの画面がある場合は、デザイナーウィンドウを垂直に分割し、Visual Studioからウィンドウをドッキング解除してから、ウィンドウのサイズを変更して、幅が2つの画面にまたがるようにします。


それがまさに彼の最初の選択肢です
Ateik 2016年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.