Avalonia中如何让ComboBox同时绑定代码后置与ViewModel属性

核心问题分析 #

你的问题出在ItemTemplate的绑定上下文：虽然ComboBox的ItemsSource是代码后置的lFonts，但如果{Binding Name}指向了ViewModel的Name属性，要么是你绑定的属性名称不对，要么是ItemTemplate的DataContext没有正确指向lFonts的元素。

具体解决方案 #

1. 检查字体元素的属性名称 #

如果你是通过FontManager.Current.GetInstalledFontFamilies()获取的系统字体，Avalonia的FontFamily类的字体名称属性是FamilyName，而非Name。直接修改ItemTemplate的绑定：

<ComboBox.ItemTemplate>
    <DataTemplate>
        <TextBlock Text="{Binding FamilyName}" />
    </DataTemplate>
</ComboBox.ItemTemplate>

2. 确保ItemTemplate绑定到当前列表项 #

如果你的lFonts是自定义类型（比如包含Name属性的实体类），但绑定仍指向ViewModel，可通过RelativeSource明确指定绑定到当前列表项：

<ComboBox.ItemTemplate>
    <DataTemplate>
        <TextBlock Text="{Binding Name, RelativeSource={RelativeSource AncestorType=ComboBoxItem}}" />
    </DataTemplate>
</ComboBox.ItemTemplate>

（注：ComboBoxItem的DataContext默认就是lFonts中的单个元素，这样写能强制绑定到列表项而非ViewModel）

3. 保证SelectedItem类型匹配 #

要维持SelectedItem绑定ViewModel的SelectedFont属性，必须确保SelectedFont的类型和lFonts的元素类型完全一致：

// MainWindowViewModel.cs
private FontFamily _selectedFont; // 如果lFonts是List<FontFamily>
public FontFamily SelectedFont
{
    get => _selectedFont;
    set
    {
        _selectedFont = value;
        OnPropertyChanged(); // 需实现INotifyPropertyChanged接口
    }
}

4. 备选：通过绑定而非代码后置赋值ItemsSource #

如果代码后置直接赋值ItemsSource导致上下文混乱，可将lFonts设为MainWindow的公开属性，在XAML中绑定：

// MainWindow.axaml.cs
public List<FontFamily> Fonts { get; }

public MainWindow()
{
    InitializeComponent();
    Fonts = FontManager.Current.GetInstalledFontFamilies().ToList();
}

XAML中同时绑定ItemsSource和SelectedItem：

<ComboBox ItemsSource="{Binding Fonts, RelativeSource={RelativeSource AncestorType=Window}}"
          SelectedItem="{Binding SelectedFont}">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding FamilyName}" />
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

内容的提问来源于stack exchange，提问作者jc508