Wyświetlanie list danych: CollectionView, wiązanie i ItemTemplate

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MojaAplikacja.MainPage">
    <VerticalStackLayout Padding="24" Spacing="14">
        <Label Text="Moja biblioteka" FontSize="24" />
        <SearchBar Placeholder="Szukaj książki" />
        <Label Text="Tutaj za chwilę pojawią się dane z modelu." />
    </VerticalStackLayout>
</ContentPage>

namespace MojaAplikacja;

public partial class App : Application
{
    public App() => InitializeComponent();
    protected override Window CreateWindow(IActivationState? activationState)
        => new Window(new NavigationPage(new MainPage()));
}

using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace MojaAplikacja.Modele;

public class Ksiazka : INotifyPropertyChanged
{
    private string _tytul = "";
    private string _autor = "";
    private bool _wypozyczona;

    public string Tytul { get => _tytul; set { _tytul = value; OnPropertyChanged(); } }
    public string Autor { get => _autor; set { _autor = value; OnPropertyChanged(); } }

    public bool Wypozyczona
    {
        get => _wypozyczona;
        set
        {
            _wypozyczona = value;
            OnPropertyChanged();
            OnPropertyChanged(nameof(StatusOpis));   // właściwości wyliczane też trzeba zgłosić
            OnPropertyChanged(nameof(AkcjaTekst));
        }
    }

    public string StatusOpis => Wypozyczona ? "Wypożyczona" : "Dostępna";
    public string AkcjaTekst => Wypozyczona ? "Zwróć" : "Wypożycz";

    public event PropertyChangedEventHandler? PropertyChanged;

    private void OnPropertyChanged([CallerMemberName] string? nazwa = null)
        => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nazwa));
}

using System.Collections.ObjectModel;
using MojaAplikacja.Modele;

namespace MojaAplikacja.Logika;

public class BibliotekaViewModel
{
    public ObservableCollection<Ksiazka> Ksiazki { get; }

    public BibliotekaViewModel()
    {
        Ksiazki = new ObservableCollection<Ksiazka>
        {
            new Ksiazka { Tytul = "Hobbit", Autor = "J.R.R. Tolkien" },
            new Ksiazka { Tytul = "Dune", Autor = "Frank Herbert", Wypozyczona = true },
            new Ksiazka { Tytul = "1984", Autor = "George Orwell" }
        };
    }
}

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:models="clr-namespace:MojaAplikacja.Modele"
             x:Class="MojaAplikacja.MainPage"
             Title="Lista książek">

    <VerticalStackLayout Padding="20">

        <SearchBar Placeholder="Szukaj książki..." TextChanged="Szukaj_TextChanged" />

        <CollectionView x:Name="cvKsiazki">
            <CollectionView.ItemTemplate>
                <DataTemplate x:DataType="models:Ksiazka">
                    <Grid ColumnDefinitions="*,Auto" Padding="12" Margin="0,4">
                        <VerticalStackLayout>
                            <Label Text="{Binding Tytul}" FontAttributes="Bold" />
                            <Label Text="{Binding Autor}" />
                            <Label Text="{Binding StatusOpis}" />
                        </VerticalStackLayout>
                        <Button Grid.Column="1"
                                Text="{Binding AkcjaTekst}"
                                Clicked="ZmienStatus_Click" />
                    </Grid>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>

    </VerticalStackLayout>
</ContentPage>

using System.Collections.ObjectModel;
using MojaAplikacja.Logika;
using MojaAplikacja.Modele;

namespace MojaAplikacja;

public partial class MainPage : ContentPage
{
    private readonly BibliotekaViewModel _vm;
    private readonly ObservableCollection<Ksiazka> _oryginalnaLista;

    public MainPage()
    {
        InitializeComponent();
        _vm = new BibliotekaViewModel();
        _oryginalnaLista = _vm.Ksiazki;
        cvKsiazki.ItemsSource = _vm.Ksiazki;
    }

    private void ZmienStatus_Click(object sender, EventArgs e)
    {
        // BindingContext przycisku to książka z tego wiersza listy
        var ks = (sender as BindableObject)?.BindingContext as Ksiazka;
        if (ks != null)
            ks.Wypozyczona = !ks.Wypozyczona;
    }

    private void Szukaj_TextChanged(object sender, TextChangedEventArgs e)
    {
        string filtr = e.NewTextValue?.ToLower() ?? "";
        if (string.IsNullOrWhiteSpace(filtr))
        {
            cvKsiazki.ItemsSource = _oryginalnaLista;
            return;
        }

        // Zawsze filtrujemy ZAPAMIĘTANĄ listę oryginalną, a nie już zawężone wyniki
        var wyniki = new ObservableCollection<Ksiazka>(
            _oryginalnaLista.Where(k =>
                k.Tytul.ToLower().Contains(filtr) || k.Autor.ToLower().Contains(filtr)));
        cvKsiazki.ItemsSource = wyniki;
    }
}

<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MojaAplikacja.WierszUstawienia"
             x:Name="Wiersz">
    <Grid ColumnDefinitions="*,Auto" Padding="12">
        <VerticalStackLayout Grid.Column="0">
            <Label Text="{Binding Tytul, Source={x:Reference Wiersz}}" FontAttributes="Bold" />
            <Label Text="{Binding Opis, Source={x:Reference Wiersz}}" TextColor="Gray" FontSize="12" />
        </VerticalStackLayout>
        <Switch Grid.Column="1" VerticalOptions="Center" />
    </Grid>
</ContentView>

namespace MojaAplikacja;

public partial class WierszUstawienia : ContentView
{
    // Własności, które ustawia strona używająca tego kontenera
    public static readonly BindableProperty TytulProperty =
        BindableProperty.Create(nameof(Tytul), typeof(string), typeof(WierszUstawienia), "");

    public static readonly BindableProperty OpisProperty =
        BindableProperty.Create(nameof(Opis), typeof(string), typeof(WierszUstawienia), "");

    public string Tytul
    {
        get => (string)GetValue(TytulProperty);
        set => SetValue(TytulProperty, value);
    }

    public string Opis
    {
        get => (string)GetValue(OpisProperty);
        set => SetValue(OpisProperty, value);
    }

    public WierszUstawienia()
    {
        InitializeComponent();
    }
}

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:MojaAplikacja"
             x:Class="MojaAplikacja.UstawieniaPage">
    <ScrollView>
        <VerticalStackLayout>
            <local:WierszUstawienia Tytul="Powiadomienia" Opis="Pokazuj powiadomienia na ekranie blokady" />
            <local:WierszUstawienia Tytul="Tryb ciemny" Opis="Ciemny motyw aplikacji" />
            <local:WierszUstawienia Tytul="Lokalizacja" Opis="Zezwól na dostęp do położenia" />
            <local:WierszUstawienia Tytul="Synchronizacja" Opis="Wysyłaj dane w tle" />
        </VerticalStackLayout>
    </ScrollView>
</ContentPage>

namespace MojaAplikacja;

public partial class UstawieniaPage : ContentPage
{
    public UstawieniaPage() => InitializeComponent();
}

Dodaj czwartą książkę i sprawdź wyszukiwanie po autorze.
Dotychczasowe działanie ma pozostać poprawne.