XAML 設計師不露面

Question

在 Windows 桌面的 MS Visual Studio Express 2013 中：

我正在學習 C# 並按照一個示例說明如何在 .xaml 文件中創建用戶界面。 https://msdn.microsoft.com/en-us/library/jj153219.aspx

從教程（參見圖 7 和 8）看來，應該有一些 windows 顯示 GUI。 但是，當我嘗試在解決方案資源管理器中打開 .xaml 文件時，查看代碼 (Ctrl + Alt + 0) 和查看設計器 (Shift + F7) 都顯示相同的內容：只是代碼。 如何打開 GUI 框？

更新——這是.xaml 文件的內容。 注意：我正在嘗試打開一個新的 C# WPF 應用程序。 這是 Visual Studio 生成的股票代碼。

<Window x:Class="WpfEvents.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>

    </Grid>
</Window>

沒有 XAML UI Designer 選項：

沒有完整的 XAML 查看設置： 謝謝！

這是我下載的 Visual Studio 版本。 該描述使我相信應該安裝 XAML UI Designer，這應該不是問題。

Express 2013 for Windows 桌面版

Visual Studio Express for Windows Desktop 讓您可以充分利用 Windows 和 XAML 設計師、高效的 IDE 以及各種編程語言，包括 C#、Visual Basic 和 C++。在 887 之間進行選擇4414387988 演示基礎 (WPF)、Windows Forms 和 Win32 , 以 Windows 桌面為目標，使用適合您的應用程序和技能的技術。

Answer 1

工具>選項> XAML設計器並啟用XAML設計器為我工作。

PS：默認情況下啟用。 由於VS性能問題，我將其禁用，並忘記了此更改，並在開始從事WPF項目時遇到了同樣的問題。

Answer 2

我相信您正在尋找XAML Designer，可以從此處加載它：

我正在使用Microsoft VS Community 2015（最終更新）

（截圖）

Answer 3

Resharper可以在Resharper>選項>性能指南中禁用XML設計器
我通過關閉Resharper塊並在“工具”>“選項”中還原XML設計器來解決我的問題

Answer 4

我不確定是否應該在此處發布答案，因為它可能不適用於VS Express 2013。

使用Visual Studio 2015社區版存在完全相同的問題。 原來我的項目目標版本更高。

請嘗試以下操作：

• 在解決方案資源管理器中右鍵單擊您的項目。
• 將目標版本更改為Windows 10（10.0; Build 10240） 。

讓我知道是否不相關，我將刪除答案。

干杯，山姆

Answer 5

在VS2017 v15.8.9中，我發現未顯示設計器，例如，右鍵單擊xaml視圖的代碼窗格並選擇“視圖設計器”。

執行以下操作可以為我解決此問題：我進入了工具>選項> XAML設計器，並勾選了啟用XAML設計器選項。 因此，我取消選中它，在“選項”對話框中單擊“確定”將其關閉。

我退出並重新啟動Visual Studio，然后再次進入“工具”>“選項”>“ XAML設計器”，勾選了“啟用XAML設計器”，單擊“確定”，重新啟動Visual Studio，現在它可以正常工作了。

Answer 6

當您在 .Net core (3.0) 中構建 WPF 應用程序時，通常會發生這種情況。 對我來說，更改以下選項有效。

1. 轉到工具=>選項
2. 在“環境”下單擊選項“預覽功能” 。
3. 啟用“使用 .Net 核心 SDK 的預覽（需要重新啟動）” 。
4. 現在重啟visual studio。

Answer 7

問題 ：XAML UI設計器未顯示

解決方案 ：（來自不同的，比我以前的解決方案更優雅）

1. 單擊解決方案文件（ .sln在Solution Explorer）， 如果.sln文件在 Solution Explorer 上市
2. 單擊“ 展開窗格”圖標以顯示“設計”窗格（ 如果已顯示）

---

解決方案1：打開.sln文件 ：

我的項目是從git存儲庫克隆的。 當我從“ 起始頁”將其打開時，它會在“ 解決方案資源管理器”中打開並顯示完整文件列表。 如果我從該解決方案資源管理器中打開任何.xaml文件，它們將使用不顯示圖形XAML視圖的XML編輯器打開。

解決方案資源管理器的最底部是一個.sln （解決方案）文件。 打開該文件，然后加載我習慣的文件列表。 如果打開任何.xaml文件，則它們將無權訪問“設計”視圖。 此時打開並關閉它們將加載“設計”視圖。 如果“設計”視圖仍未出現，請參閱下面的解決方案2。

---

解決方案2：單擊展開窗格 ：

在XAML編輯器窗口的底部，您可能會看到一個帶有雙箭頭的小圖標（ Expand Pane ）。 如果這樣做，則意味着您已經隱藏了“ 設計窗格” 。 單擊它，您應該返回設計窗格。

---

版本 ：Visual Studio 2017

項目類型 ：將.Net 4.5.2定位為C＃和WPF，並將控制台應用程序作為輸出類型（出於故障排除的目的，我將其同時作為WPF和控制台應用程序使用）。

問題詳細信息：

我將正在處理的項目從git存儲庫中拉到了問題計算機上（使用了Microsoft的所有內置軟件和帳戶）。 它已成功克隆到問題計算機上，Visual Studio正常運行。 從倉庫中撤出后，XAML UI設計器（混合嗎？）消失了，只剩下XAML源代碼。

我遇到的一個較早的解決方案是從本地計算機中刪除source目錄，並提取項目的新副本。 但是，這解決了我的問題，現在，我進行了嘗試，發現了XAML設計視圖丟失的另外兩個原因。 我想我不需要刪除該文件夾，並且這兩個解決方案就足夠了。

Answer 8

很有可能它的設置是不以完整的XAML視圖打開XAML。 嘗試這個

1. 首先單擊工具 > 選項
2. 導航到文本編輯器 > XAML > 其他
3. 取消選中始終以完整XAML視圖打開文檔框。
4. 單擊確定 ，關閉選項框，然后嘗試再次打開

如果在“ 選項”菜單中看不到“ 文本編輯器 ”，請選中“ 選項”窗口左下方的“ 顯示所有設置 ”框。

Answer 9

由於某種原因，它使用“ XML文本編輯器”作為XAML的默認編輯器，要解決此問題，應在解決方案資源管理器中右鍵單擊文件，然后選擇“打開方式..”，然后選擇“ XAML UI設計器”。

Answer 10

確認Sam對VS 2015的回答； VS似乎具有可復制的功能：1.創建一個新的解決方案（例如Windows Universal）2.在該解決方案中創建一個新的XAML視圖頁面3.如果Designer無法在該頁面上加載，請執行Sam所說的：右鍵單擊在解決方案資源管理器中的項目上，然后將目標版本更改為Windows 10（10.0；內部版本10240）。 我在一個項目上遇到了同樣的問題，創建了一個新的測試解決方案來探討這個問題，並且遇到了同樣的問題。 山姆的修復工作奏效。

Answer 11

我有同樣的問題 - 直到我在這里意識到這些按鈕......看截圖。

Answer 12

我不知道問題出在哪里，但是卸載並重新安裝相同的軟件就可以解決問題。

有趣

Answer 13

僅供參考：這是一種蠻力方法。 我用不同的答案發布了一個更干凈的解決方案。

問題 ：使用git存儲庫時未顯示XAML UI設計器

解決方案 ：刪除並在%USERPROFILE%\\source\\Repos重新創建項目目錄。

---

步驟 ：

1. 使用文件資源管理器從%USERPROFILE%\\source\\Repos刪除項目目錄
2. 從 開始頁面上的Visual Studio Team Services中選擇“ 簽出”

3. 再次拉項目

   警告：請確保已備份文件！

---

版本 ：Visual Studio 2017

項目類型 ：將.Net 4.5.2定位為C＃和WPF，並將控制台應用程序作為輸出類型（出於故障排除的目的，我將其同時作為WPF和控制台應用程序使用）。

問題詳細信息：

我將正在處理的項目從git存儲庫中拉到了問題計算機上（使用了Microsoft的所有內置軟件和帳戶）。 它已成功克隆到問題計算機上，Visual Studio正常運行。 從倉庫中撤出后，XAML UI設計器（混合嗎？）消失了，只剩下XAML源代碼。 解決方案（嘗試了此處列出的其他解決方案之后）是從本地計算機中刪除source目錄，並提取項目的新副本。

暗示：

刪除並重新創建項目也可能適用於其他情況。 YMMV。

Answer 14

截至目前，尚未為針對.NET Core 3的項目創建設計器。

Answer 15

我遇到了這個問題，並且能夠通過卸載 Visual Studio 並刪除我的程序文件中的 Visual Studio 文件夾來修復它。 顯然卸載后還有一些剩余的文件夾。

不過我的情況可能有點特殊。 我有一個小的 C 驅動器，Visual Studio 總是在那里安裝文件，無論我做了什么來更改安裝目錄，所以我創建了一個符號鏈接來強制它安裝到不同的目錄。 那行得通，但很久以后我不得不重新安裝 VS 並且符號鏈接導致安裝錯誤，從而阻止了某些組件的安裝。 所以是的，希望這會有所幫助

Answer 16

XAML 預覽器已在 Visual Studio 2019 版本 16.8 和 Visual Studio for Mac 版本 8.8 中棄用，取而代之的是 Visual Studio 2019 版本 16.9 和 Visual Studio for Mac 版本 8.9 中的XAML 熱重載功能。 您可以改用xaml 熱重載。

Answer 17

我因不同的原因遇到了同樣的問題。 我已經從項目中排除了XAML文件。 當我單擊以對其進行編輯時，只有XAML代碼，沒有圖片。 花了一段時間才發現。

Answer 18

    1. Kill the designer process with PowerShell or via Task Manager.

        PS C:\Users\nagel> ps XD*

        Handles  NPM(K)    PM(K)      WS(K)     CPU(s)     Id  SI ProcessName
        -------  ------    -----      -----     ------     --  -- -----------
            865      54    86464     117936       3.28   7156   1 XDesProc

        PS C:\Users\nagel> kill 7156

    2. build the project.

    The designer windows will appear with the black background and the three links. 
Click on the second link that says "Click here to disable running project code and reload the designer". 
After the click, the designer window will show up.

Answer 19

我知道這是一個老話題，但是我的解決方案將來可能會對某人有所幫助。

我在Windows 7上遇到了與Visual Studio 2015社區相同的問題，前幾天我的一個xamarin android項目的xaml文件停止在XAML代碼下方顯示“設計器”選項卡。

我按照@Waqas的足跡嘗試了所有給定的解決方案，但沒有任何效果，我發現未選中“使用基於象限的布局”，而選中了其他復選框。 總結一下：

VS 2015社區>工具>選項> XAML設計器>選中使用基於象限的布局

然后，我退出並重新啟動Visual Studio，以找到“設計器”選項卡，該選項卡位於XAML代碼的左下方，並位於“源”選項卡旁邊。 HTH。

Answer 20

就像Xamarin Designer的許多其他問題一樣，對我有所幫助的是，關閉所有標簽頁，清除解決方案，刪除bin和obj文件夾，重建解決方案

Answer 21

我遍歷了這篇文章中的所有解決方案-顯然我所缺少的是我完全忘記了Designer標簽的外觀。

打開XAML文件時，無論如何（即使在修復后），它始終始終默認為代碼視圖，但可以肯定的是，XAML代碼視圖的右上角有一個小圖標，將其切換到“設計”視圖。

嘆

Answer 22

我在Visual Studio 2019上也遇到了相同的問題。我解決了切換視圖的問題。

您可以使用解決方案資源管理器中“主頁”按鈕旁邊的“切換視圖”按鈕來切換視圖。 您應該選擇.sln部分。

Answer 23

好吧，這是一個古老的帖子，但我發現設計師可以隱藏另一種方法，即使在VS2019中正確配置它也是如此。 所以這是發生在我身上的事情：

啟用了XML設計器，除了設計器未顯示之外，其他所有功能都應該工作了。除了它，只是隱藏在寬度為零的拆分視圖滑塊中！ 我只能假定這是因為我在PC上更換了很多顯示器，並且調整了不同分辨率的顯示器之間經常發生的窗口大小調整。

無論如何，都要在暗處搜索xml視圖周圍的所有內容，抓住拆分視圖滑塊並滑動，設計器將在現實世界中以零大小顯示。

Answer 24

在解決方案文件所在的同一文件夾中有一個隱藏文件夾".vs" 。

刪除這個".vs"文件夾可能會有幫助。

下次打開解決方案時，Visual Studio 將自動重新生成此文件。

Answer 25

這是我的情況，但可能不適用於您的情況：我遇到了同樣的問題，但修復很簡單。 即使關閉了WPF窗口，我的程序仍以某種方式仍在運行。 我必須停止調試，然后設計器頁面才會自動為我顯示。 希望這行得通。