Csharp 仅在ListView的选定项上显示按钮

发布于10月22日

我正在毛伊岛-Xamarin创建一个Listview，我想要显示一个按钮来查看选定行中的更多详细信息.但仅在选定的行中.

编辑:问题是如何在选中某个项目时显示该按钮，而在未选中时隐藏该按钮.

<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="{Binding "WHEN THIS LINE IS SELECTED"}}"/>

        </Grid>
      </ViewCell>
    </DataTemplate>
  </ListView.ItemTemplate>
</ListView>

我try 使用Converter和DataTrigger，但无法将所选项目作为参数传递

选项1

ListView有ItemSelected个事件.每次我们 Select 一项时，ListView都将调用此事件处理程序.因此，我们可以在此事件处理程序中添加一些逻辑:

在XAML中，为ListView添加ItemSelected事件

<ListView x:Name="listView"
    ItemsSource="{Binding Items}"
    SelectedItem="{Binding SelectedItem}"
    ItemSelected="listView_ItemSelected">

在后面的代码中，

     MainPageViewModel viewModel;
     public MainPage()
     {
         InitializeComponent();
         this.BindingContext = viewModel= new MainPageViewModel();

     }

    ...
    private void listView_ItemSelected(object sender, SelectedItemChangedEventArgs e)
    {
        //here we find the corresponding item we select in the ListView
        foreach(Item item in viewModel.Items) 
        { 
            if(e.SelectedItem == item) 
            { 
                item.IsVisible = true;
            }
            else
            {
                item.IsVisible = false; 
            }
        }
    }

使用这种方法，记得为模型项实现INotifyPropertyChanged，

public class Item : INotifyPropertyChanged
{

    private string name;
    public string Name
    {
        get
        {
            return name;
        }
        set
        {
            name = value;
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(Name)));

        }
    }

    private bool isVisible;
    public bool IsVisible 
    {
        get
        {
            return isVisible;
        }

        set
        {
            isVisible = value;
            PropertyChanged?.Invoke(this,new PropertyChangedEventArgs(nameof(IsVisible)));
        }      
    }

    public event PropertyChangedEventHandler PropertyChanged;
}

选项2

由于您已经绑定了SelectedItem，因此可以在SelectedItem的Setter中实现上述逻辑，

    private Item selectedItem;
    public Item SelectedItem
    {
        get
        {
            return selectedItem;
        }
        set
        {
            selectedItem = value;
            foreach (var item in Items) 
            { 
                if(selectedItem != item) 
                { 
                    item.IsVisible = false;
                }
                else
                {
                    item.IsVisible = true;
                }               
            }
        }
    }

您还必须为模型项实现INotifyPropertyChanged.

如果你还有什么问题，尽管问我.

希望它能帮上忙！