MAUI-Xamarin ListView仅在选中项显示按钮的实现方案咨询

这里提供两种直接可行的实现方式，不用纠结Converter参数传递的问题：

方案一：纯XAML实现（DataTrigger + RelativeSource） #

直接通过DataTrigger对比当前列表项与ListView的选中项，控制按钮显示隐藏，不需要额外修改ViewModel：

修改后的完整XAML代码：

<ListView x:Name="listView"
          ItemsSource="{Binding Items}"
          SelectedItem="{Binding SelectedItem}">
  <ListView.ItemTemplate>
    <DataTemplate>
      <ViewCell>
        <Grid>
          <Grid.RowDefinitions>
            <RowDefinition Height="44"/>
          </Grid.RowDefinitions>
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
          </Grid.ColumnDefinitions>

          <Label Text="{Binding Name}" Grid.Column="0"/>

          <Button x:Name="btnViewDetails"
                  Grid.Column="1"
                  Text="View"
                  CornerRadius="50"
                  IsVisible="False"> <!-- 默认隐藏 -->
            <Button.Triggers>
              <DataTrigger TargetType="Button"
                          Binding="{Binding Source={RelativeSource AncestorType={x:Type ListView}}, Path=SelectedItem}"
                          Value="{Binding .}"> <!-- 当前项等于选中项时触发 -->
                <Setter Property="IsVisible" Value="True"/>
              </DataTrigger>
            </Button.Triggers>
          </Button>
        </Grid>
      </ViewCell>
    </DataTemplate>
  </ListView.ItemTemplate>
</ListView>

核心逻辑：

• 按钮默认IsVisible="False"
• 用RelativeSource找到父级ListView，绑定它的SelectedItem
• 当SelectedItem等于当前绑定的列表项（Value="{Binding .}"）时，通过Setter把按钮设为可见

方案二：MVVM驱动（给数据项添加选中状态） #

如果更贴合MVVM模式，可以给每个数据模型增加IsSelected属性，通过ViewModel控制选中状态：

1. 修改数据模型 #

public class YourItemModel : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set { _name = value; OnPropertyChanged(); }
    }

    private bool _isSelected;
    public bool IsSelected
    {
        get => _isSelected;
        set { _isSelected = value; OnPropertyChanged(); }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. ViewModel中处理选中项更新 #

public class YourViewModel : INotifyPropertyChanged
{
    private ObservableCollection<YourItemModel> _items;
    public ObservableCollection<YourItemModel> Items
    {
        get => _items;
        set { _items = value; OnPropertyChanged(); }
    }

    private YourItemModel _selectedItem;
    public YourItemModel SelectedItem
    {
        get => _selectedItem;
        set
        {
            if (_selectedItem != null)
                _selectedItem.IsSelected = false; // 取消之前选中项的状态

            _selectedItem = value;
            if (_selectedItem != null)
                _selectedItem.IsSelected = true; // 设置新选中项的状态

            OnPropertyChanged();
        }
    }

    // 构造函数初始化示例
    public YourViewModel()
    {
        Items = new ObservableCollection<YourItemModel>
        {
            new YourItemModel { Name = "Item 1" },
            new YourItemModel { Name = "Item 2" }
        };
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

3. 修改XAML按钮绑定 #

<Button x:Name="btnViewDetails"
        Grid.Column="1"
        Text="View"
        CornerRadius="50"
        IsVisible="{Binding IsSelected}"/>

两种方案都能实现需求，纯XAML方案适合快速实现，MVVM方案更适合复杂场景下的状态管理。

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