Флажок множественного выбора в кросс-платформе форм xamarin

Question

Ниже приведен код, который я использую для флажка в формах xamarin, но здесь я могу выбрать только один элемент, я хотел выбрать несколько элементов из флажка. К флажку привязываются данные из базы данных. Пожалуйста, помогите мне

Checkforms.xaml.cs

 public partial class Checkforms : ContentPage
    {
        private ObservableCollection<HelperModel> statusRecords;
        string[] statusList;
        public Checkforms()
        {
            InitializeComponent();
            GetUserRoles();
          
        }
        public async void GetUserRoles()
        {
            HttpClient client = new HttpClient();
           var response = await client.GetStringAsync("http://**********/api/Masters/getRoles");
            var details = JsonConvert.DeserializeObject<List<HelperModel>>(response);
            ListView1.ItemsSource = details;

           
        }
        private async void ListView1_ItemSelected(object sender, SelectedItemChangedEventArgs e)
        {
            if (e.SelectedItem == null) return;
            var statusData = e.SelectedItem as HelperModel;
            ((ListView)sender).SelectedItem = null;

            HttpClient client = new HttpClient();
            var response = await client.GetStringAsync("http://********/api/Masters/getRoles");
            var details = JsonConvert.DeserializeObject<List<HelperModel>>(response);
            ListView1.ItemsSource = details;

          
            var item = details.Where(x => x.name == statusData.name).FirstOrDefault();
            if (item != null)
                item.IsSelected = !item.IsSelected;
           
        }
    }

Checkforms.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             x:Class="Checkbox_listview.Checkforms"
               xmlns:lv="clr-namespace:Xamarin.Forms.MultiSelectListView;assembly=Xamarin.Forms.MultiSelectListView" Padding="0,20,0,0">
    <ContentPage.Content>
        <StackLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
            <!-- Place new controls here -->
            <ListView x:Name="ListView1" ItemSelected="ListView1_ItemSelected" lv:MultiSelect.Enable="true">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell>
                            <ViewCell.View>
                                <StackLayout HorizontalOptions="FillAndExpand"
Orientation="Horizontal" Padding="10  ">
                                    <Label Text="{Binding name}" HorizontalOptions="StartAndExpand"/>
                                    <Image Source="select.png"  IsVisible="{Binding IsSelected}"
VerticalOptions="Center"  HeightRequest="40"
WidthRequest="40"/>
                                </StackLayout>
                            </ViewCell.View>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
            
        </StackLayout>
</ContentPage.Content>
</ContentPage>

HelperModel.cs

public class HelperModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        private bool isSelected = false;
        public string name { get; set; }
        public bool IsSelected
        {
            get { return isSelected; }
            set
            {
                isSelected = value;
                OnPropertyChanged("IsSelected");
            }
        }
        //OnProperty changed method
        protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

Я пытаясь выбрать несколько элементов из флажка после привязки его из базы данных, отсюда одновременно выбирается только один элемент. пожалуйста, помогите, как выбрать несколько элементов Заранее спасибо

Answer 1

Вы можете попробовать использовать CollectionView для замены listview, как в следующем коде. CollectionView имеет SelectionMode, вы можете установить его на Multiple

  <StackLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
            <!-- Place new controls here -->
            <CollectionView  x:Name="ListView1" ItemsSource="{Binding StatusRecords}"   SelectionMode="Multiple"
                SelectionChanged="ListView1_SelectionChanged">
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        
                                <StackLayout HorizontalOptions="FillAndExpand" Orientation="Horizontal" Padding="10  ">
                                    <Label Text="{Binding name}" HorizontalOptions="StartAndExpand"/>
                                    <Image Source="select.png"  IsVisible="{Binding IsSelected}" VerticalOptions="Center"  HeightRequest="40" WidthRequest="40"/>
                                </StackLayout>
                          
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>

        </StackLayout>

Здесь работает GIF.

Как вы комментируете, вам не хватает события ListView1_SelectionChanged. просто добавьте его в код фона макета.

  public partial class MainPage : ContentPage
    {
        MyHelperViewModel myHelperViewModel;
        public MainPage()
        {
            InitializeComponent();
            myHelperViewModel=  new MyHelperViewModel();
            this.BindingContext = myHelperViewModel;
        }

        

        private void ListView1_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            
        }
    }
}

========= Update2 ============

Вы хотите получить результат, подобный следующему GIF?

Вот ViewModel.

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Linq;
using System.Runtime.CompilerServices;
using System.Text;
using System.Windows.Input;
using Xamarin.Forms;

namespace SelectMutiPlyDemo
{
    public class MyHelperViewModel: INotifyPropertyChanged
    {
        public ObservableCollection<HelperModel> StatusRecords { get; set; }
        public ICommand ChangeCommand { protected set; get; }
        ObservableCollection<object> selectedHelperModels;
        public ObservableCollection<object> SelectedHelperModels
        {
            get
            {
                return selectedHelperModels;
            }
            set
            {
                if (selectedHelperModels != value)
                {
                    selectedHelperModels = value;
                    OnPropertyChanged("SelectedHelperModels");
                }
            }
        }
        public MyHelperViewModel()
        {

           
            StatusRecords = new ObservableCollection<HelperModel>();
            StatusRecords.Add(new HelperModel() { IsSelected=false, name="test1" });
            StatusRecords.Add(new HelperModel() { IsSelected = true, name = "test2" });
            StatusRecords.Add(new HelperModel() { IsSelected = true, name = "test3" });
            StatusRecords.Add(new HelperModel() { IsSelected = true, name = "test4" });
            StatusRecords.Add(new HelperModel() { IsSelected = false, name = "test5" });
            StatusRecords.Add(new HelperModel() { IsSelected = false, name = "test6" });
     
            SelectedHelperModels = new ObservableCollection<object>();

            foreach (var item in StatusRecords)
            {
                if (item.IsSelected)
                {
                    SelectedHelperModels.Add(item);
                }
            }

            ChangeCommand=new Command<HelperModel>((key) =>
            {
                if (SelectedHelperModels.Contains<object>(key))
                {
                    SelectedHelperModels.Remove(key);
                   
                }
                else
                {
                    SelectedHelperModels.Add(key);
                    
                }
                key.IsSelected = !key.IsSelected;


            });
        }
       
        #region INotifyPropertyChanged
        public event PropertyChangedEventHandler PropertyChanged;

        void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
        #endregion
    }
}