.NET MAUI MVVM中Picker绑定对象列表显示空白问题求助

核心问题分析 #

你的Picker显示空白的主要原因是**ItemDisplayBinding的绑定路径错误**。当ItemsSource绑定到Langs（List<Language>）时，Picker的每个条目上下文是单个Language对象，而非整个Langs列表，因此不需要在绑定路径前加Langs.。

分步解决方案 #

1. 修正ItemDisplayBinding绑定路径
   将XAML中Picker的ItemDisplayBinding修改为直接绑定Name属性：

   <StackLayout Grid.Column="0" Margin="10,0,10,0">
       <Label Margin="0,0,0,0" FontAttributes="Bold" Text="Language:"/>
       <Picker x:Name="LangSetting" SelectedIndexChanged="LangSetting_SelectedIndexChanged" 
               ItemsSource="{Binding Langs}"
               ItemDisplayBinding="{Binding Name}">
       </Picker>
   </StackLayout>
   

2. 确保Language类的Name属性可访问
   检查Language类的Name属性是否为公共（public），绑定系统只能访问公共成员：

   public class Language
   {
       public string Name { get; set; }
       // 其他属性定义...
   }
   

   如果属性是private或internal，绑定无法读取，会导致显示空白。

3. 优化ViewModel中的异步操作（推荐）
   原构造函数中使用Task.Run(...).Result会阻塞UI线程，建议改用异步初始化：

   public partial class SettingsPageViewModel : BaseViewModel
   {
       [ObservableProperty]
       public Settings settingsObj;
   
       [ObservableProperty]
       public List<Language> langs;
   
       SettingsService settingsService;
       IConnectivity connectivity;
   
       public SettingsPageViewModel(SettingsService settingsXMLServices, IConnectivity connectivitys)
       {
           settingsService = settingsXMLServices;
           connectivity = connectivitys;
           _ = InitializeAsync();
       }
   
       private async Task InitializeAsync()
       {
           settingsObj = await settingsService.GetSettingsAsync();
           Langs = settingsObj.Languages.Language;
       }
   }
   

4. 解决Intellisense无法识别Language属性的问题
   XAML的x:DataType设置为SettingsPageViewModel，导致Intellisense默认从ViewModel上下文查找属性。若要让Intellisense识别Language的属性，可给Picker添加ItemTemplate并指定x:DataType：

   <Picker ItemsSource="{Binding Langs}"
           ItemDisplayBinding="{Binding Name}">
       <Picker.ItemTemplate>
           <DataTemplate x:DataType="local:Language">
               <Label Text="{Binding Name}" />
           </DataTemplate>
       </Picker.ItemTemplate>
   </Picker>
   

   需在XAML头部添加Language类所在命名空间的引用：

   xmlns:local="clr-namespace:你的Language类所在命名空间"
   

   注：即使不添加ItemTemplate，只要ItemDisplayBinding路径正确，Picker仍能正常显示内容。

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