You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Visual Studio 2019中Xamarin XAML页面无法显示设计视图的解决方案咨询

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.22 10:34:53