Con il rilascio di Xamarin.Forms 4.3, insieme all'ufficializzazione delle CollectionView, descritte negli script precedenti, troviamo la possibilità di avere in preview un nuovo elemento: la CarouselView.
Si può dire che è uno degli elementi che mancava all'interno dell'ecosistema Xamarin: i carousel (caroselli o slideshow), sono elementi molto usati soprattutto in ambito web e, con la release 4.3 di Xamarin Forms, hanno fatto il loro ingresso anche nella piattaforma di riferimento per i progetti cross-platform.
I carousel, insieme agli attributi visual, segnano un avvicinamento di Xamarin verso gli standard UI/UX web, portando le applicazioni native ad avere un'interfaccia omogenea su tutti i device, contrariamente a quanto è accaduto finora, dove un bottone aveva una UI caratteristica del sistema Android, se l'applicazione veniva eseguita su Android, e un design iOS, se eseguita su di un iPhone.
Ricordando che questa funzionalità è ancora in preview, nel momento della scrittura di questo articolo, alcune sue caratteristiche potrebbero variare nel tempo. Per poter utilizzarla già da ora sarà necessario aggiungere la riga seguente all'interno della MainActivity di Android o nell'AppDelegate di iOS:
Forms.SetFlags("CarouselView_Experimental");
Come tutti gli elementi di tipo lista all'interno di Xamarin, anche la CarouselView rispetta la struttura standard a cui siamo abituati:
- ItemsSource: fonte dati
- ItemTemplate: UI/UX
- attributo CurrentItemChanged: cambiamento della slide
Possiamo già abbozzare un primo esempio di CarouselView utilizzando solo le nostre conoscenze pregresse:
<CarouselView ItemsSource="{Binding MyList}" CurrentItemChanged="OnCurrentItemChanged"> <CarouselView.ItemTemplate> <DataTemplate> <StackLayout> <Label Text="{Binding Name}" HorizontalOptions="Center" VerticalOptions="Center" /> </StackLayout> </DataTemplate> <CarouselView.ItemTemplate> </CarouselView>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Creare moduli CSS in React
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Utilizzare database e servizi con gli add-on di Container App
Verificare la provenienza di un commit tramite le GitHub Actions
Criptare la comunicazione con mTLS in Azure Container Apps
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Generare token per autenicarsi sulle API di GitHub
Effettuare delete massive con Entity Framework Core 7
Sostituire la GitHub Action di login su private registry
Usare lo spread operator con i collection initializer in C#