Wheel and List Types

List of wheel and list types usable in both Filters and Games views.
Tip: Always use thumb versions of images inside wheels/lists for better performance.

CollectionView

• Displays a wheel-styled list.

• Contents are customizable via DataTemplate.

• Examples:

  • Filters: Banners, Wheel with Details

  • Games: Wheel with Details, Wheel with Two-Column Details

ItemsLayout values:

• VerticalList

• HorizontalList

• GridItemsLayout

Example — Games View VerticalList layout:

<CollectionView x:Name="GamesCollectionView" ItemsSource="{Binding Games}" ItemsLayout="VerticalList" SelectedItem="{Binding ActiveGame, Mode=TwoWay}">   
   <CollectionView.ItemTemplate> 
      <DataTemplate> 
         <Grid HeightRequest="90" Padding="0,15,0,15"> 
            <Image IsVisible="{Binding ClearLogoThumbImage, Converter={StaticResource IsStringNotNullOrEmptyConverter}}" Opacity="{Binding ImageOpacity}" Source="{Binding ClearLogoThumbImage}" /> 
            <Label Text="{Binding NoImageTitle}" FontSize="24" FontAttributes="Bold" FontFamily="serif" TextColor="{StaticResource TextColor}" /> 
         </Grid> 
      </DataTemplate> 
   </CollectionView.ItemTemplate> 
</CollectionView>