Avalonia UI AutoCompeleteBox Binding Collection(User)

原创已于 2022-04-13 14:37:11 修改 · 684 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#.netcore #wpf

于 2022-04-08 11:26:15 首次发布

Avalonia 研究 (一) 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在Avalonia中使用AutoCompleteBox控件，并实现自定义过滤功能。通过绑定ViewModel，展示了如何根据用户输入筛选User集合。同时，详细解释了XAML文件和CS代码中的关键部分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.axaml File

<AutoCompleteBox Name="customFilterAutoCompleteBox" Items="{Binding MyItems}" Width="200" Text="{Binding Mode=OneWayToSource}" FilterMode="Custom">
   <AutoCompleteBox.Styles> 
     <Style Selector="ListBoxItem">
       <Setter Property="Background" Value="Red"/>
       <Setter Property="Template">
         <ControlTemplate TargetType="ListBoxItem">
           <Border>
             <TextBlock Text="{Binding Name}"/>
           </Border>
         </ControlTemplate>
       </Setter>
     </Style> 
   </AutoCompleteBox.Styles>
</AutoCompleteBox>

.axaml.cs 设置 AutoCompleteBox ItemFilter:

 this.Get<AutoCompleteBox>("customFilterAutoCompleteBox").ItemFilter = (string keyWord, object sender) =>
 {
     var user = sender as User;
     if (user != null && user.Name.ToLower().Contains(keyWord.ToLower()))
         return true;
     return false;
 };

ViewModel 和 Model：

public class MainWindowViewModel : ViewModelBase
{ 
   public string Greeting => "Welcome to Avalonia!";
   public ObservableCollection<User> MyItems => new ObservableCollection<User>()
   {
      new User(){MyProperty=true,Name="The First Name" },
      new User(){MyProperty=false,Name="The Last Name" },
      new User(){MyProperty=true,Name="333 First 222" },
      new User(){MyProperty=false,Name="222 Last 222" },
   };
   public MainWindowViewModel() {  } 
}
public class User : ViewModelBase
{
   private bool _myProperty;
   public bool MyProperty
   {
      get => _myProperty;
      set => this.RaiseAndSetIfChanged(ref _myProperty, value);
   }
   private string _name;
   public string Name
   {
      get => _name;
      set => this.RaiseAndSetIfChanged(ref _name, value);
   }
   public override string ToString()
   {
      return _name;
   }
}

若转载，请附上本文链接。