Чи можу я відокремити область дизайну від області XAML у Visual Studio?


83

Чи можна відокремити вікно WPF, яке я розробляю, від його коду XAML? Двічі клацнувши будь-який файл 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/…
Кріс Петхерам,

14
Сумно, що через 4 роки вони все ще не впровадили цю функцію. Налаштування з декількома моніторами зазвичай використовуються вже принаймні 10 років.
Plain Coder

2
Зараз 6 років, мені цікаво, чи щось змінилося
Атейк

1
@PlainCoder Більше як 20 років.
Джон Сток

1
2019, ось і ми все ще не реалізовані: D
Зета

Відповіді:


79

У мене була та сама проблема, тоді я знайшов спосіб розділити це так,

  • Клацніть правою кнопкою миші на файлі XAML у провіднику рішень і виберіть Відкрити за допомогою ;
  • виберіть редактор вихідного коду (текст) (замість редактора XML (текст) ).

Це створює окрему вкладку для редактора джерел XAML, просто розкріпіть її та створіть нове вікно.


6
Ви читали мій другий обхідний шлях вище? Це саме те, що ви пропонуєте.
Plain Coder

1
@PlainCoder, просто хочу підтвердити, що у VS2015 це працює чудово і, як очікувалося, з основними синтаксисом (навіть з основними мотивами ReSharper 10) і повністю синхронізованим. Здається, зараз безпечно прийняти цю відповідь.
Sevenate

Я можу підтвердити, що це також працює у VS2013, як описує @Sevenate.
Kidiskidvogingogin

1
@Sevenate My visual studio 2015 не працює належним чином і не синхронізує основні моменти синтаксису.
Steve.NayLinAung

3
він синхронізується в тому сенсі, що ви вносите зміни, а інше вікно оновлюється - але, на жаль, ви не можете натиснути на елемент, щоб побачити відповідний елемент або код в іншому вікні :-(
Simon_Weaver

12

Клацніть на кнопку подвійної стрілки, яка знаходиться праворуч від коду XML.

Натискання одного з цих параметрів розділить XAML та Дизайн на дві окремі панелі в одному вікні. Звідти панелі можна перемикати.

Щоб відновити початкову конфігурацію, натисніть кнопку подвійної стрілки >>ще раз.

Ці параметри виділено нижче:

Параметри перемикання XAML / Design


3

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 стало надзвичайно повільним, і оновлення тепер миттєві і відбуваються всередині реального запущеного додатка - зробить розробку набагато швидшою.


Не зовсім повне рішення, оскільки людям потрібно натиснути на представлення інтерфейсу та перейти до XAML.
j riv

Також редагувати та продовжувати, оскільки XAML не може обробити всі редагування. Наприклад, включення словника до злитого словника або додавання шаблонів даних, здається, не завжди працює.
Майк де Клерк,

Також не можна збільшувати
Ateik

0

Скористайтеся спливаючою опцією XAML поруч із пунктом Дизайн та панелі XAML, яка висуне редактор XAML до нового вікна, яке можна перемістити на інший екран. Основні елементи елемента не будуть працювати, але зміни відображатимуться на льоту.


-2

Якщо у вас два екрани, розділіть вікно дизайнера вертикально, відкріпіть вікно від Visual Studio, а потім змініть розмір вікна, щоб ширина охоплювала ваші подвійні екрани.


Це саме його перший варіант
Атейк
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.