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
Utilizzare Copilot con Azure Cosmos DB
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Eliminare una project wiki di Azure DevOps
Ottimizzare le pull con Artifact Cache di Azure Container Registry
Conoscere il rendering Server o WebAssembly a runtime in Blazor
Aggiornare a .NET 9 su Azure App Service
Utilizzare la funzione EF.Parameter per forzare la parametrizzazione di una costante con Entity Framework
Ottimizzazione dei block template in Angular 17
Referenziare un @layer più alto in CSS
Managed deployment strategy in Azure DevOps
Anonimizzare i dati sensibili nei log di Azure Front Door
Cancellare una run di un workflow di GitHub