Visual Studio의 XAML 창에서 디자인 창을 분리 할 수 ​​있습니까?


83

XAML 코드에서 디자인중인 WPF 창을 분리 할 수 ​​있습니까? XAML 파일을 두 번 클릭하면 해당 파일이 열리고 XAML 코드와 WPF 창이 하나의 창에 표시되어 가로 또는 세로로 분할되지만 둘 다 하나의 창에 있습니다. 4 개의 모니터가 있고 내가 작성한 XAML 코드에는 긴 줄이 있으므로 한 모니터에서만 XAML 코드를 편집하고 다른 모니터에서 WPF 창을보고 싶지만 두 개의 다른 창으로 분할하지 않는 것 같습니다. 가능한.

내가 할 수 있지만 마음에 들지 않는 몇 가지 형편없는 해결 방법은 다음과 같습니다.

  1. 디자이너를 사용하여 전체 XAML 편집기를 도킹 해제 한 다음 두 모니터에 걸쳐 해당 창 크기를 조정하여 XAML 코드가 한 모니터에 있고 WPF 창이 다른 모니터에 있도록합니다.
  2. "연결 프로그램 ..."을 사용하여 동일한 XAML 문서의 두 번째 편집기를 열지 만 코드 강조 표시와 WPF 창 강조 표시가 동기화되지 않습니다.

그래서 그것들을 나눌 수 있습니까? 아니면 내 것보다 더 나은 해결 방법이 있습니까?


2
이 msdn 블로그 게시물 (팁 10)은 이미 알고있는 두 가지 해결 방법이 공식 솔루션임을 제안하는 것 같습니다. blogs.msdn.com/b/wpfsldesigner/archive/2010/06/30/...
크리스 Petheram

14
4 년이 지난 후에도 여전히이 기능을 구현하지 않은 것이 안타깝습니다. 다중 모니터 설정은 이미 최소 10 년 동안 일반적으로 사용되었습니다.
Plain Coder

2
뭔가 변경 한 경우 육년 지금, 내가 궁금해
Ateik

1
@PlainCoder 20 년 정도.
John Stock

1
2019 년 우리는 아직 구현되지 않았습니다. : D
Zeta

답변:


79

나는 똑같은 문제가 있었는데 이렇게 분리하는 방법을 찾았습니다.

  • 오른쪽에있는 XAML 파일을 클릭 솔루션 탐색기 를 선택 연결 프로그램을 ;
  • XML (텍스트) 편집기 대신 소스 코드 (텍스트) 편집기를 선택하십시오 .

이렇게하면 XAML 소스 편집기에 대한 별도의 탭이 만들어지고 도킹을 해제하고 새 창을 만듭니다.


6
위의 두 번째 해결 방법을 읽었습니까? 그것은 당신이 제안한 것입니다.
Plain Coder

1
@PlainCoder는 VS2015 에서 구문 강조 표시 (ReSharper 10 강조 표시 포함)와 완전히 동기화되어 예상대로 잘 작동 하는지 확인하고 싶습니다 . 이제이 대답을 받아들이는 것이 안전한 것 같습니다.
Sevenate 2015

@Sevenate가 설명하는 것처럼 VS2013에서도 작동하는지 확인할 수 있습니다.
Kidiskidvogingogin

1
@Sevenate My Visual Studio 2015가 예상대로 작동하지 않고 구문 강조 표시를 동기화하지 않습니다.
Steve.NayLinAung

3
변경하고 다른 창이 업데이트된다는 의미에서 동기화됩니다.하지만 불행히도 다른 창에서 해당 요소 나 코드를보기 위해 항목을 클릭 할 수 없습니다
Simon_Weaver

12

XML 코드 오른쪽에있는 이중 화살표 버튼을 클릭합니다.

이러한 옵션 중 하나를 클릭하면 XAML과 디자인이 동일한 창에서 두 개의 별도 창으로 분리됩니다. 거기에서 창을 전환 할 수 있습니다.

원래 구성으로 복원하려면 이중 화살표 >>버튼을 다시 클릭하십시오.

이러한 옵션은 아래에 강조 표시되어 있습니다.

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에 대한 Visual Studio 편집은 매우 느려졌 고 업데이트는 이제 즉각적이고 실제 실행중인 응용 프로그램 내에서 발생하므로 개발 속도가 훨씬 빨라집니다.


사람들이 UI 표현을 클릭하고 XAML로 이동해야하므로 완전한 솔루션은 아닙니다.
j riv

또한 XAML에 대한 편집 및 계속은 모든 편집을 처리 할 수 ​​없습니다. 예를 들어 MergedDictionary에 사전을 포함하거나 DataTemplates를 추가하는 것이 항상 작동하지 않는 것 같습니다.
Mike de Klerk

또한 확대 할 수 없습니다
Ateik

0

디자인 및 XAML 창 옆에있는 팝업 XAML 옵션을 사용하면 XAML 편집기가 다른 화면으로 이동할 수있는 새 창으로 팝업됩니다. 요소 하이라이트는 작동하지 않지만 변경 사항은 즉시 반영됩니다.


-2

화면이 두 개인 경우 디자이너 창을 세로로 분할하고 Visual Studio에서 창을 도킹 해제 한 다음 너비가 이중 화면에 걸쳐 지도록 창의 크기를 조정합니다.


그게 정확히 자신의 첫 번째 옵션
Ateik
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.