IndicatorsSampleMaximumVisible.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Xamarin.Forms.Controls.IndicatorsSampleMaximumVisible">
    <ContentPage.Resources>
        <OnPlatform x:Key="IonicsFontFamily" x:TypeArguments="x:String">
            <On Platform="iOS" Value="Ionicons" />
            <On Platform="Android" Value="fonts/ionicons.ttf#" />
        </OnPlatform>
        <x:String x:Key="Indicator">&#xf30c;</x:String>
    </ContentPage.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>
        <StackLayout Grid.Row="0">
            <Label Text="When the MaximumVisible is set above the item count of the collection, the max item count should be visible instead of MaximumVisible"></Label>
            <Label x:Name="CurrentCount"></Label>
        </StackLayout>
        
        <Button Grid.Row="1" Text="MaximumVisible--" Clicked="MaximumVisibleClicked"></Button>
        <Button Grid.Row="2" Text="Set MaximumVisible> ItemCount" Clicked="MaximumVisibleAboveItemCountClicked"></Button>
        <StackLayout HorizontalOptions="Center" Grid.Row="3" Orientation="Horizontal">
            <Button Text="ItemsSource--" Clicked="ItemsSourceMinusClicked"></Button>
            <Button Text="ItemsSource++" Clicked="ItemsSourcePlusClicked"></Button>
        </StackLayout>
        <CarouselView x:Name="carousel" ItemsSource="{Binding Items}" Grid.Row="5" Grid.RowSpan="3" IndicatorView="indicators">
            <CarouselView.ItemTemplate>
                <DataTemplate>
                    <Frame BackgroundColor="{Binding Color}">
                        <Grid HorizontalOptions="Center" VerticalOptions="Center">
                            <Label Text="{Binding Name}" FontSize="25"></Label>
                        </Grid>
                    </Frame>
                </DataTemplate>
            </CarouselView.ItemTemplate>
        </CarouselView>
        <IndicatorView x:Name="indicators" Grid.Row="6" IndicatorColor="Gray" SelectedIndicatorColor="White" HorizontalOptions="Center" />
        <IndicatorView x:Name="indicatorsForms" Grid.Row="7" IndicatorColor="Gray"
                       ItemsSource="{Binding Path=ItemsSource, Source={x:Reference carousel}}"
                       Position="{Binding Path=Position, Source={x:Reference carousel}}"
                       SelectedIndicatorColor="White" HorizontalOptions="Center" >
            <IndicatorView.IndicatorTemplate>
                <DataTemplate>
                    <Label FontFamily="{StaticResource IonicsFontFamily}" Text="{StaticResource Indicator}"></Label>
                </DataTemplate>
            </IndicatorView.IndicatorTemplate>
        </IndicatorView>
    </Grid>
</ContentPage>