如何自定义 Xamarin 表单 ListView SelectedItem ViewCell 可见性？

Question

在 Xamarin Forms XAML 中，如果未选择 ViewCell，我想隐藏它的一部分。 例如第二个带有 text="Show only if selected" 的标签。 如何在没有代码的情况下使用 MVVM 来做到这一点？

<ListView x:Name="listView"> <ListView.ItemTemplate> <DataTemplate> <ViewCell> <StackLayout> <Label Text="Always Show it"/> <Label Text="Show only if selected" IsVisible={Binding somewhere?}/> </StackLayout> </ViewCell> </DataTemplate> </ListView.ItemTemplate> </ListView>

Answer 1

这是一种可能的 MVVM 方法，它不涉及代码隐藏。

视图模型

在您的 ListView 项目视图模型中添加一个属性*，以存储指示项目当前是否被选中的信息：

public class ItemViewModel : INotifyPropertyChanged
{
    ......

    private bool _isSelected;
    public bool IsSelected
    {
        get { return _isSelected; }
        set
        {
            if(_selectedItem != value)
            {
                _isSelected = value;
                OnPropertyChanged();
            }
        }
    }
}

然后在页面的视图模型中，有另一个属性*用于绑定ListView的SelectedItem，您可以在其设置器中相应地设置IsSelected值：

private ItemViewModel _selectedItem;
public ItemViewModel SelectedItem
{
    get { return _selectedItem; }
    set
    {
        if(_selectedItem != value)
        {
            //update previously selected item, if any :
            if(_selectedItem != null) _selectedItem.IsSelected = false;

            //update currently selected item :
            value.IsSelected = true;

            _selectedItem = value;
            OnPropertyChanged();
        }
    }
}

查看

将IsVisible 属性绑定到ListView 项目视图模型：

<Label Text="Show only if selected" IsVisible="{Binding IsSelected}"/>

---

*) 该属性必须是公共属性，在实现INotifyPropertyChanged 的类中或继承实现它的其他类，并且该属性会相应地引发属性更改通知，如示例上面的sn-ps。

---

供参考：

• Xamarin 官方指南：Part 5. From Data Bindings to MVVM
• 以上代码的完整示例在Gist

Answer 2

列表视图中的每个项目都需要有一个“IsSelected”可绑定属性。然后在您的 listviews ItemSelected 事件中获取项目并将 IsSelected 设置为 true。只需确保保留对当前选定项目的引用，以便在按下新选定项目时将 IsSelected 设置为 false。它应该看起来像这样。

    MyItem _currentlySelectedItem;
    void OnSelection (object sender, SelectedItemChangedEventArgs e)
    {
      if (e.SelectedItem == null) {
        _currentlySelectedItem = null;
        return; //ItemSelected is called on deselection, which results in SelectedItem being set to null
      }
      var selectedItem = e.SelectedItem as MyItem;
      selectedItem .IsSelected= true;
     _currentlySelectedItem.IsSelected= false; /// Make sure to check for null
     _currentlySelectedItem = selectedItem ;
    }