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
Usare i servizi di Azure OpenAI e ChatGPT in ASP.NET Core con Semantic Kernel
Utilizzare EF.Constant per evitare la parametrizzazione di query SQL
Proteggere le risorse Azure con private link e private endpoints
Definire stili a livello di libreria in Angular
Gestire i dati con Azure Cosmos DB Data Explorer
Gestione dei nomi con le regole @layer in CSS
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Ottimizzare le performance usando Span<T> e il metodo Split
Migliorare la scalabilità delle Azure Function con il Flex Consumption
Utilizzare DeepSeek R1 con Azure AI
Utilizzare l'espressione if inline in una pipeline di Azure DevOps
Cancellare una run di un workflow di GitHub