Visual Studio 2019中Xamarin XAML页面无法显示设计视图的解决方案咨询
嗨,我明白你现在遇到的困扰——在Visual Studio 2019里新建了Xamarin XAML页面后,切换到设计视图却只显示代码,看不到可视化的页面布局。先帮你确认一下,你提供的代码是完全没问题的:
Page1.xaml 代码
<?xml version="1.0" encoding="utf-8" ?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="App.Page1"> <ContentPage.Content> <StackLayout> <Label Text="Welcome to Xamarin.Forms!" VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand" /> </StackLayout> </ContentPage.Content> </ContentPage>
Page1.xaml.cs 代码
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using Xamarin.Forms; using Xamarin.Forms.Xaml; namespace App { [XamlCompilation(XamlCompilationOptions.Compile)] public partial class Page1 : ContentPage { public Page1() { InitializeComponent(); } } }
接下来给你几个实用的排查和解决步骤,按顺序试试:
检查Xamarin设计器组件是否完整安装
打开Visual Studio安装程序,找到你的VS2019实例,点击「修改」,在「工作负载」标签下确认「移动开发.NET」的所有子组件都已勾选(尤其是Xamarin Forms设计器相关的选项),勾选完成后点击「修改」,等待安装完成后重启VS。清理并重建整个解决方案
右键你的解决方案,先选择「清理解决方案」,完成后再选择「生成解决方案」,之后重新打开XAML页面,点击右上角的「设计器」按钮(或者用快捷键Shift+F7)切换视图试试。重启Visual Studio
有时候VS的设计器进程会出现临时异常,完全关闭VS再重新打开,很多小问题都能解决。确认设计器是否被禁用
检查XAML编辑器右上角的「设计器」按钮状态,如果是灰色不可点击,大概率是组件缺失,回到第一步检查安装情况;如果可点击,点击后还是没显示,试试右键XAML文件,选择「打开方式」,然后选择「Xamarin.Forms XAML设计器」作为默认打开方式。修复Visual Studio
如果上面的方法都没用,打开Visual Studio安装程序,找到你的VS2019实例,点击「修改」里的「修复」选项,让安装程序自动修复可能损坏的组件,完成后重启VS再试。
备注:内容来源于stack exchange,提问作者vico

