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
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Utilizzare Model as a Service su Microsoft Azure
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Creare una libreria CSS universale: Cards
Eseguire i worklow di GitHub su runner potenziati
Inference di dati strutturati da testo con Semantic Kernel e ASP.NET Core Web API
Hosting di componenti WebAssembly in un'applicazione Blazor static
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Usare lo spread operator con i collection initializer in C#
Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
Cambiare la chiave di partizionamento di Azure Cosmos DB
Creazione di componenti personalizzati in React.js con Tailwind CSS
I più letti di oggi
- Simulare Azure Cosmos DB in locale con Docker
- Utilizzare il metodo Index di LINQ per scorrere una lista sapendo anche l'indice dell'elemento
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- .NET Conference Italia 2024 - Milano
- .NET Conference Italia 2023 - Milano e Online