.NET MAUI: Cross-Platform Apps with C# and XAML

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:vm="clr-namespace:FieldTasks.ViewModels"
             xmlns:models="clr-namespace:FieldTasks.Models"
             x:Class="FieldTasks.Views.TaskListPage"
             x:DataType="vm:TaskListViewModel"
             Title="Open tasks">
    <Grid RowDefinitions="Auto,*" Padding="16" RowSpacing="12">
        <HorizontalStackLayout Spacing="8">
            <Entry Text="{Binding NewTitle}" Placeholder="New task" WidthRequest="240" />
            <Button Text="Add" Command="{Binding AddTaskCommand}" />
        </HorizontalStackLayout>

        <RefreshView Grid.Row="1"
                     Command="{Binding LoadCommand}"
                     IsRefreshing="{Binding IsRefreshing}">
            <CollectionView ItemsSource="{Binding Tasks}" SelectionMode="None">
                <CollectionView.ItemTemplate>
                    <DataTemplate x:DataType="models:TaskItem">
                        <Border Padding="12" StrokeShape="RoundRectangle 8">
                            <Border.GestureRecognizers>
                                <TapGestureRecognizer
                                    Command="{Binding Source={RelativeSource
                                        AncestorType={x:Type vm:TaskListViewModel}},
                                        Path=OpenTaskCommand}"
                                    CommandParameter="{Binding .}" />
                            </Border.GestureRecognizers>
                            <Label Text="{Binding Title}" FontSize="16" />
                        </Border>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
        </RefreshView>
    </Grid>
</ContentPage>

using CommunityToolkit.Maui.Markup;
using FieldTasks.Models;
using FieldTasks.ViewModels;
using static CommunityToolkit.Maui.Markup.GridRowsColumns;

namespace FieldTasks.Views;

public sealed class QuickAddPage : ContentPage
{
    public QuickAddPage(TaskListViewModel viewModel)
    {
        BindingContext = viewModel;

        Content = new Grid
        {
            RowDefinitions = Rows.Define(Auto, Star),
            Padding = 16,
            RowSpacing = 12,
            Children =
            {
                new HorizontalStackLayout
                {
                    Spacing = 8,
                    Children =
                    {
                        new Entry { WidthRequest = 240 }
                            .Placeholder("New task")
                            .Bind(Entry.TextProperty,
                                static (TaskListViewModel vm) => vm.NewTitle,
                                static (TaskListViewModel vm, string text) => vm.NewTitle = text),
                        new Button()
                            .Text("Add")
                            .BindCommand(static (TaskListViewModel vm) => vm.AddTaskCommand)
                    }
                }.Row(0),

                new CollectionView
                {
                    ItemTemplate = new DataTemplate(() =>
                        new Label { Padding = 12 }
                            .Bind(Label.TextProperty, static (TaskItem item) => item.Title))
                }
                .Bind(ItemsView.ItemsSourceProperty, static (TaskListViewModel vm) => vm.Tasks)
                .Row(1)
            }
        };
    }
}