A seguito del rilascio ufficiale del CarouselView, descritta in un precedente script su questo canale, in Xamarin.Forms 4.4 troviamo l'introduzione, sotto flag sperimentale, di un componente che supporta la navigazione all'interno di un CarouselView, ovvero l']IndicatorView. Questo controllo si occuperà di visualizzare, tramite delle icone, la posizione corrente e il numero di slide presenti all'interno del carousel.
Essendo ancora in fase sperimentale, per poterlo utilizzare, occorrerà abilitare il flag apposito nell'AppDelegate o all'interno di MainActivity:
Forms.SetFlags("IndicatorView_Experimental");L'utilizzo, come anticipato, è strettamente legato al componente CarouselView e, per questo motivo, nella creazione del componente bisognerà referenziare l'oggetto carousel:
<CarouselView x:Name="carouselView">
<!-- eventuali altre property qui -->
</CarouselView>
<!-- altro XAML qui... -->
<IndicatorView ItemsSourceBy="carouselView"
IndicatorColor="LightGray"
SelectedIndicatorColor="DarkGray"
HorizontalOptions="Center" />L'IndicatorView consente, inoltre, di impostare la forma geometrica utilizzata come segnaposto: possiamo scegliere tra un cerchio (predefinita) o un quadrato, utilizzando l'attributo IndicatorsShape.
Se, invece, vogliamo avere ancora maggior controllo sullo stile, possiamo personalizzare ogni forma utilizzando la proprietà IndicatorTemplate:
<IndicatorView IndicatorColor="LightGray"
SelectedIndicatorColor="Black">
<IndicatorView.IndicatorTemplate>
<DataTemplate>
<Image Source="{FontImage ?, FontFamily={OnPlatform iOS=Ionicons, Android=ionicons.ttf#}, Size=12}" />
</DataTemplate>
</IndicatorView.IndicatorTemplate>
</IndicatorView>Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Definire il colore di una scrollbar HTML tramite CSS
Il nuovo persistent state in Blazor
Proteggere l'endpoint dell'agente A2A delle Logic App
Mischiare codice server side e client side in una query LINQ con Entity Framework
Gestione ciclo di vita in .NET Aspire
Utilizzare le View Transition API di JavaScript
Rendere affidabile lo scale out su Azure App Service
Mappare una complex property di una entity su un campo JSON
Integrare un servizio esterno con .NET Aspire
Gestire il ciclo di vita di AbortController in Javascript
Nuove validazioni Form Blazor
Abilitare il rolling update su Azure Functions flex consumption




