Avalonia跨平台入门第三十一篇之多选的下拉框

最新推荐文章于 2024-09-23 14:16:45 发布

dotNET跨平台

最新推荐文章于 2024-09-23 14:16:45 发布

阅读量212

点赞数

文章标签：数据库服务器网络运维

原文链接：https://mp.weixin.qq.com/s?__biz=MzAwNTMxMzg1MA==&mid=2654099199&idx=4&sn=e53787d8a9dcd13019769a713d303930&chksm=8163e46eb5920e39f2c1179bdf47280211bb66bf486c219b07531f0d289de131954fe6fa9c21&scene=126&sessionid=0

版权

最近再次玩耍Avalonia的时候需要实现一个支持多选的下拉控件效果:

1、第一版直接Expander+我的最爱:

<Expander>
  <Expander.Header>
    <TextBlock Text="{Binding SelectedItemsHeader}"/>
  </Expander.Header>
  <ListBox ItemsSource="{Binding LedList}" SelectionMode="Multiple"
       Background="#2D418D" Foreground="White"
       ItemTemplate="{StaticResource LedItemTemplate}"/>
</Expander>

2、关于ListBox中的ItemTemplate:

<DataTemplate x:Key="LedItemTemplate">
  <CheckBox Foreground="White" Margin="20,0,0,0"
        VerticalAlignment="Center" HorizontalAlignment="Left"
        Theme="{StaticResource SimpleCheckBox}"
        IsChecked="{Binding IsSelected}"
        Content="{Binding Name}"/>
</DataTemplate>

3、关于SelectedItemsHeader的逻辑处理:

private void UpdateSelectedItemsHeader()
 {
     var selectedItems = ChannelList.Where(item => item.IsSelected).Select(item => item.Name);
     if (selectedItems != null)
     {
         string showStr = null;
         int count = selectedItems.Count();
         if (count != 0)
         {
             showStr = count > 2? $"{SelectedItemsHeader}...": string.Join(",", selectedItems);
         }
         else
         {
             showStr= "请选择(多选)";
         }
         SelectedItemsHeader = showStr;
     }
 }

4、最后直接封装成一个UserControl:

5、就这么随意玩耍了:

<WrapPanel HorizontalAlignment="Center">
  <Controls:MultipleSelectionComboBox ViewModel="{Binding ComboBoxMainViewModel}"/>
  <Controls:MultipleSelectionComboBox Margin="40,0,20,0" ViewModel="{Binding TwoBoxMainViewModel}"/>
</WrapPanel>

最终简单的效果先这样吧;以后有时间的话,可以再去摸索一下更复杂的效果;编程不息、Bug不止、无Bug、无生活;改bug的冷静、编码的激情、完成后的喜悦、挖坑的激动、填坑的兴奋;这也许就是屌丝程序员的乐趣吧;今天就到这里吧;希望自己有动力一步一步坚持下去;生命不息,代码不止;大家抽空可以看看今天分享的效果,有好的意见和想法,可以在留言板随意留言;我看到后会第一时间回复大家,多谢大家的一直默默的关注和支持!如果觉得不错,那就伸出您的小手点个赞并关注一下！