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
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Utilizzare Model as a Service su Microsoft Azure
Ottenere il contenuto di una cartella FTP con la libreria FluentFTP
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Potenziare Azure AI Search con la ricerca vettoriale
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Semplificare il deployment di siti statici con Azure Static Web App
Eseguire operazioni sui blob con Azure Storage Actions
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Installare le Web App site extension tramite una pipeline di Azure DevOps
Utilizzare la libreria Benchmark.NET per misurare le performance
I più letti di oggi
- annunciato #netstandard 2.1. .NET Core lo supporterà a partire da #netcore3, così come le prossime versione di #xamarin, #mono e #unity.il supporto per #netfx 4.8, invece, non ci sarà. https://aspit.co/bq2
- Annunciato Silverlight 4 RC e Windows Phone Developer Tools
- Speciale Razor: il nuovo view engine di WebMatrix e ASP.NET MVC
- Speciale Windows Store app: costruire app con WinRT per Windows 8
- Gestire lo stato all'interno di un class component di ReactJS
- Inserimenti bulk su database con la classe SqlBulkCopy di ADO.NET 2.0
- disponibile su MSDN la versione RTM di #VS2013 Update 2! https://aspit.co/auj #msTechEd