Tôi có thể tách Ngăn Thiết kế khỏi Ngăn XAML trong Visual Studio không?


83

Có thể tách cửa sổ WPF mà tôi đang thiết kế khỏi mã XAML của nó không? Nhấp đúp vào bất kỳ tệp XAML nào sẽ mở tệp đó và hiển thị cả mã XAML và cửa sổ WPF trong một cửa sổ, chia chúng theo chiều ngang hoặc chiều dọc, nhưng cả hai vẫn ở trong một cửa sổ. Tôi có 4 màn hình và mã XAML tôi viết có dòng dài, vì vậy tôi muốn chỉnh sửa mã XAML trên một màn hình và xem cửa sổ WPF trên một màn hình khác, nhưng việc chia chúng thành hai cửa sổ khác nhau dường như không khả thi.

Một vài cách giải quyết tệ hại mà tôi có thể làm nhưng tôi không thích là:

  1. Hủy khóa toàn bộ trình chỉnh sửa XAML với trình thiết kế, sau đó thay đổi kích thước cửa sổ đó trên hai màn hình để mã XAML sẽ nằm trên một màn hình và cửa sổ WPF trên màn hình khác.
  2. Sử dụng "Open With ..." để mở trình soạn thảo thứ hai của cùng một tài liệu XAML, nhưng sau đó đánh dấu mã và đánh dấu cửa sổ WPF không được đồng bộ hóa.

Vậy có thể tách chúng ra được không? Hoặc có thể bạn có cách giải quyết khác tốt hơn của tôi?


2
Bài đăng trên blog msdn này (mẹo 10) dường như gợi ý rằng hai cách giải quyết bạn đã biết là giải pháp chính thức. blogs.msdn.com/b/wpfsldesigner/archive/2010/06/30/...
Chris Petheram

14
Thật đáng buồn là sau 4 năm họ vẫn chưa triển khai tính năng này. Thiết lập nhiều màn hình đã được sử dụng phổ biến trong ít nhất 10 năm.
Plain Coder

2
6 năm nay, tôi tự hỏi nếu có điều gì thay đổi
Ateik

1
@PlainCoder Giống như 20 năm.
John Stock

1
Năm 2019 chúng tôi đang ở đây và nó vẫn chưa được triển khai: D
Zeta

Câu trả lời:


79

Tôi cũng gặp phải vấn đề này, sau đó tôi đã tìm ra cách để tách nó ra như thế này,

  • Nhấp chuột phải vào tệp XAML trong trình khám phá giải pháp và chọn Mở Bằng ;
  • chọn Trình soạn thảo mã nguồn (Văn bản) (thay vì trình soạn thảo XML (Văn bản) ).

Thao tác này tạo một tab riêng biệt cho trình chỉnh sửa nguồn XAML, chỉ cần bỏ gắn nó và tạo một cửa sổ mới.


6
Bạn đã đọc cách giải quyết thứ hai của tôi ở trên? Đó chính xác là những gì bạn đề xuất.
Plain Coder

1
@PlainCoder, chỉ muốn xác nhận rằng trong VS2015, điều này hoạt động tuyệt vời và đúng như mong đợi - với các điểm nổi bật về cú pháp (ngay cả với các điểm nổi bật của ReSharper 10) và được đồng bộ hóa hoàn toàn. Có vẻ như bây giờ đã an toàn khi chấp nhận câu trả lời này.
Tạm dừng

Tôi có thể xác nhận rằng điều này cũng hoạt động trong VS2013 như @Sevenate mô tả.
Kidiskidvogingogin

1
@Sevenate Phòng thu hình ảnh 2015 của tôi không hoạt động như mong đợi và không đồng bộ hóa các điểm nổi bật cú pháp.
Steve.NayLinAung

3
nó được đồng bộ hóa theo nghĩa là bạn thực hiện thay đổi và cửa sổ khác được cập nhật - nhưng rất tiếc bạn không thể nhấp vào một mục để xem phần tử hoặc mã tương ứng trong cửa sổ khác :-(
Simon_Weaver

12

Bấm vào nút mũi tên kép ở phía bên phải của mã XML.

Nhấp vào một trong các tùy chọn này sẽ tách XAML và Thiết kế thành hai ngăn riêng biệt trong cùng một cửa sổ. Từ đó, các ngăn có thể được chuyển đổi.

Để khôi phục lại cấu hình ban đầu, nhấp lại vào >>nút mũi tên kép .

Các tùy chọn này được đánh dấu bên dưới:

XAML / Tùy chọn chuyển đổi thiết kế


3

Visual Studio 2017 có chế độ 'Chỉnh sửa và tiếp tục' mới cho XAML, chế độ này thực sự tuyệt vời và đối với tôi đã loại bỏ nhu cầu về chức năng 'phân tách' này.

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

Bạn có thể gõ XAML theo đúng nghĩa đen và ứng dụng đang chạy được cập nhật ngay lập tức - vì vậy hãy đặt ứng dụng đó trên bất kỳ màn hình nào bạn muốn.

Chỉnh sửa Visual Studio của tôi cho XAML đã trở nên siêu chậm và các bản cập nhật hiện diễn ra ngay lập tức và diễn ra bên trong ứng dụng đang chạy thực tế - sẽ giúp phát triển nhanh hơn rất nhiều.


Cũng không hẳn là một giải pháp hoàn chỉnh vì mọi người cần nhấp vào biểu diễn UI và truy cập XAML.
j riv

Ngoài ra, chỉnh sửa và tiếp tục vì XAML không thể xử lý tất cả các chỉnh sửa. Ví dụ: bao gồm Từ điển trong MergedDictionary hoặc thêm DataTemplates dường như không phải lúc nào cũng hoạt động.
Mike de Klerk

Ngoài ra, bạn không thể phóng to
Ateik

0

Sử dụng tùy chọn XAML bật lên bên cạnh Ngăn thiết kế & XAML sẽ bật trình chỉnh sửa XAML sang một cửa sổ mới, cửa sổ này có thể được chuyển sang màn hình khác. Điểm nổi bật của phần tử sẽ không hoạt động nhưng các thay đổi sẽ được phản ánh nhanh chóng.


-2

Nếu bạn có hai màn hình, hãy chia cửa sổ thiết kế theo chiều dọc, mở khóa cửa sổ khỏi studio trực quan, sau đó thay đổi kích thước cửa sổ để chiều rộng trải dài trên màn hình kép của bạn.


Đó chính xác là lựa chọn đầu tiên của anh ấy
Ateik 18/10/16
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.