Xamarin 在 ListView 中全选答案

【问题标题】：Xamarin Select All in ListViewXamarin 在 ListView 中全选
【发布时间】：2021-11-25 15:39:57
【问题描述】：

我希望有一个全选复选框，当它被选中或取消选中时，它将更新列表视图中的所有其他复选框，但我找不到让它们更新的方法。我尝试了 foreach 语句，以及 ViewModel 中的 for 语句，并在 Select All 复选框更改时运行任务，但它们似乎没有更新 UI。任何帮助都会得到帮助！

查看模型：

 public class SyncViewModel : BaseViewModel
    {
        public ObservableCollection<Company> CompaniesCollection { get; set; }
        public ObservableCollection<WellGroup> WellGroupCollection { get; set; }
        public ObservableCollection<Well> WellsCollection { get; set; }

        public SyncViewModel()
        {
            Title = "Sync";
            CompaniesCollection = new ObservableCollection<Company>();
            WellGroupCollection = new ObservableCollection<WellGroup>();
            WellsCollection = new ObservableCollection<Well>();
        }

        public async Task InitializeData()
        {

            var wellDataStore = new WellDataStore();

            var companies = await wellDataStore.GetAllGroups();
            if (companies != null)
            {
                CompaniesCollection.Clear();

                foreach (var company in companies)
                {
                    CompaniesCollection.Add(company);
                }
            }

        }
        
        public async Task SyncData()
        {

            IsBusy = true;

            // load and process data
            IsBusy = false;
            
        } 
    }
}

xaml:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:viewModel="clr-namespace:SiteVisits.ViewModels" xmlns:model="clr-namespace:SiteVisits.Models" 
             x:DataType="viewModel:SyncViewModel"
             x:Class="SiteVisits.Views.Sync">

    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Sync" Clicked="Sync_Clicked" />
    </ContentPage.ToolbarItems>
    <StackLayout>
        <ActivityIndicator 
            IsVisible="{Binding IsBusy}" 
            IsRunning="{Binding IsBusy}" />
        <CheckBox x:Name="SelectAll" Color="Blue" CheckedChanged="CheckAll"  />
        <Label Text="Select All" FontSize="Large" VerticalOptions="Center"/>
        <ListView x:Name="Companies"
                ItemsSource="{Binding CompaniesCollection}"
                SelectionMode="Single"
                HasUnevenRows="True"
                ItemTapped="Companies_Selection">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <StackLayout Padding="10" x:DataType="model:Company">
                            <CheckBox x:Name="Name" Color="Blue" IsChecked="{Binding IsChecked}" />
                            <Label Text="{Binding Name}" 
                                        FontSize="Large"
                                        VerticalOptions="Center"/>
                        </StackLayout>

                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </StackLayout>
</ContentPage>

xaml.cs：

  SyncViewModel viewModel;
        public Sync(SyncViewModel viewModel)
        {
            InitializeComponent();

            this.viewModel = viewModel;
            BindingContext = this.viewModel;
        }
       
        protected override async void OnAppearing()
        {
            await viewModel.InitializeData();
        }

        async private void Sync_Clicked(object sender, EventArgs e)
        {
            await viewModel.SyncData(); 
        }

        private void Companies_Selection(object sender, ItemTappedEventArgs e)
        {

            if (e.Item != null)
            {
                var company = e.Item as Company;
                company.IsChecked = !company.IsChecked;
            }
        }

【问题讨论】：

那叫CheckAll的方法是什么？ Companies_Selection 工作了吗？
CheckAll 现在什么都不做，但我想这将是我实际选择所有项目时使用的方法。 Companies_Selection 工作正常。
好的。我会发布一些代码供您尝试:)

标签： c# listview xamarin

【解决方案1】：

由于您使用的是 MVVM，我会为复选框使用绑定

    <CheckBox x:Name="SelectAll" Color="Blue" IsChecked="{Binding AllChecked}"  />

那么你将需要这个 bool 属性，就像这样。所以当值改变时，它会更新所有的集合

    private bool _allChecked;
    public bool AllChecked { get => _allChecked;
        set
        {
            if (value != _allChecked)
            {
                UpdateCompaniesCollection(value);
                OnPropertyChanged(nameof(AllChecked));
            }
        }
    }

然后您将需要更新集合的方法。一种方法是

    void UpdateCompaniesCollection(bool newValue)
    {
        for(int i = 0; i < CompaniesCollection.Count; i++)
        {
            var tempCompany = CompaniesCollection[i];
            tempCompany.IsChecked = newValue;
            CompaniesCollection[i] = tempCompany;
        }
    }

这应该可以解决问题。这只会在选中 Checkbox 时触发集合内元素的更改。但是如果你还想反过来（如果一个项目未选中，则取消选择 allCheck），那就更复杂了。

【讨论】：