MAUI开发：FontAwesome部分声明基类不一致问题求助

错误原因 #

你遇到的 Partial declarations of 'FontAwesome' must not specify different base classes 错误，根源是XAML 和 C# 代码对同一个类的基类声明不一致：

• XAML 中 <ContentView x:Class="Editor.UI.FontAwesome"> 意味着 FontAwesome 类的基类是 ContentView
• C# 代码中 FontAwesome : ObservableObject 又指定基类为 ObservableObject
  C# 不允许同一个部分类（partial class）拥有不同基类，因此报错。

正确实现方式：View 与 ViewModel 分离 #

MAUI 中可复用组件的正确 MVVM 做法是将**视图（View）和视图模型（ViewModel）**拆分，分别承担 UI 展示和数据逻辑的职责：

1. 保留 ViewModel 代码（继承 ObservableObject） #

你的 FontAwesome 作为 ViewModel 无需修改，但注意 CommunityToolkit.Mvvm 的 [ObservableProperty] 会自动生成首字母大写的公共属性，所以后续绑定要使用 Icon 而非 icon：

using CommunityToolkit.Mvvm.ComponentModel;

namespace Editor.UI;

partial class FontAwesome : ObservableObject {

  [ObservableProperty]
  public string icon = "";
  // 自动生成公共属性 public string Icon { get; set; }
}

2. 创建独立的 ContentView 子类（作为 View） #

新建一个专门的视图类（比如 FontAwesomeView），继承 ContentView，并绑定到 FontAwesome ViewModel：

XAML 代码（FontAwesomeView.xaml）

<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:viewmodel="clr-namespace:Editor.UI"
             x:DataType="viewmodel:FontAwesome"
             x:Class="Editor.UI.FontAwesomeView">
    <VerticalStackLayout>
        <Label 
            FontFamily="FontAwesomeSharp"
            Text="{Binding Icon}"
            VerticalOptions="Center" 
            HorizontalOptions="Center" />
    </VerticalStackLayout>
</ContentView>

C# 代码（FontAwesomeView.xaml.cs）

namespace Editor.UI;

public partial class FontAwesomeView : ContentView
{
    public FontAwesomeView()
    {
        InitializeComponent();
        // 初始化时绑定ViewModel实例，也可外部传入实现复用灵活性
        BindingContext = new FontAwesome();
    }
}

3. 灵活扩展：外部传入 ViewModel #

如果需要在不同场景使用不同的 FontAwesome 实例，可以给 FontAwesomeView 添加绑定属性，支持外部传入 ViewModel：

namespace Editor.UI;

public partial class FontAwesomeView : ContentView
{
    // 定义ViewModel绑定属性
    public static readonly BindableProperty ViewModelProperty =
        BindableProperty.Create(nameof(ViewModel), typeof(FontAwesome), typeof(FontAwesomeView), null);

    public FontAwesome ViewModel
    {
        get => (FontAwesome)GetValue(ViewModelProperty);
        set => SetValue(ViewModelProperty, value);
    }

    public FontAwesomeView()
    {
        InitializeComponent();
        BindingContext = this;
    }
}

对应的 XAML 绑定修改为：

Text="{Binding ViewModel.Icon}"

外部使用组件时即可传入自定义 ViewModel：

<local:FontAwesomeView ViewModel="{Binding MyCustomFontAwesomeVM}" />

内容的提问来源于stack exchange，提问作者Get Off My Lawn