maui-linux/samples/ControlGallery/Pages/CollectionViewPage.xaml

48 lines
2.2 KiB
XML

<?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"
x:Class="ControlGallery.Pages.CollectionViewPage"
Title="CollectionView">
<Grid RowDefinitions="Auto,*">
<VerticalStackLayout Padding="20" Spacing="10">
<Label Text="CollectionView" FontSize="24" FontAttributes="Bold" />
<Label Text="Displaying a list of items with custom templates" TextColor="{StaticResource Gray500}" />
</VerticalStackLayout>
<CollectionView Grid.Row="1" x:Name="ItemsCollection" SelectionMode="Single" SelectionChanged="OnSelectionChanged">
<CollectionView.ItemTemplate>
<DataTemplate>
<Frame Margin="10,5" Padding="15" CornerRadius="8">
<Grid ColumnDefinitions="50,*,Auto">
<BoxView WidthRequest="40"
HeightRequest="40"
Color="{Binding Color}"
CornerRadius="20" />
<VerticalStackLayout Grid.Column="1" Margin="15,0" VerticalOptions="Center">
<Label Text="{Binding Title}" FontAttributes="Bold" />
<Label Text="{Binding Description}" TextColor="{StaticResource Gray500}" FontSize="12" />
</VerticalStackLayout>
<Label Grid.Column="2"
Text="{Binding Price, StringFormat='{0:C}'}"
FontAttributes="Bold"
VerticalOptions="Center" />
</Grid>
</Frame>
</DataTemplate>
</CollectionView.ItemTemplate>
<CollectionView.EmptyView>
<VerticalStackLayout HorizontalOptions="Center" VerticalOptions="Center">
<Label Text="No items found" FontSize="18" TextColor="{StaticResource Gray400}" />
</VerticalStackLayout>
</CollectionView.EmptyView>
</CollectionView>
</Grid>
</ContentPage>