{"id":45311,"date":"2019-09-11T14:03:15","date_gmt":"2019-09-11T21:03:15","guid":{"rendered":"http:\/\/devblogs.microsoft.com\/xamarin\/?p=45311"},"modified":"2019-09-12T05:51:18","modified_gmt":"2019-09-12T12:51:18","slug":"carouselview-xamarin-forms-4-3-prerelease","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/xamarin\/carouselview-xamarin-forms-4-3-prerelease\/","title":{"rendered":"Xamarin.Forms 4.3 Prerelease and the CarouselView Challenge"},"content":{"rendered":"

Today we’re announcing the first prerelease of Xamarin.Forms 4.3<\/a>! The focus of this release is the new CollectionView, a successor to the current ListView<\/a>. Back in April, we asked you to participate in a CollectionView challenge<\/a>. The purpose of the challenge was to gather feedback from you, the community, to make certain that the CollectionView can provide out-of-the-box functionality that meets your biggest needs.<\/p>\n

Thanks to that feedback, we highlighted key areas that still needed some work. Such as group headers\/footers and pull-to-refresh functionality. Now you can see the results of that work in this 4.3 prerelease. We welcome you to try these newly added features and continue to provide us with any feedback on GitHub<\/a>.<\/p>\n

Much Ado About CarouselView<\/h3>\n

As part of the CollectionView’s development, we are also developing the CarouselView. Much of CarouselView’s implementation is based on CollectionView which can provide unique functionality within your apps. A great example of this is the ability to set “peek insets,” which indicate to the user that they can scroll horizontally to the next item by showing a small portion of the items to its sides.\u00a0<\/span><\/p>\n

\"A
A page with a CarouselView using PeekAreaInsets<\/figcaption><\/figure><\/p>\n

 <\/p>\n

This is easily accomplished in your XAML like this (you can set the PeekAreaInsets value in your C# code, too):<\/p>\n

<CarouselView PeekAreaInsets=\"50\">\r\n  <CarouselView.ItemTemplate>\r\n    <DataTemplate>\r\n\u00a0     ...\r\n    <\/DataTemplate>\r\n  <\/CarouselView.ItemTemplate>\r\n<\/CarouselView><\/pre>\n
These carousels can be also used within other scrollable views for section-like functionality:<\/span><\/p>\n
\"CarouselView
CarouselView “sections” inside a ScrollView.<\/figcaption><\/figure><\/p>\n
 <\/p>\n
There are numerous ways to use CarouselView, and these are just a couple examples.<\/p>\n
A New Challenge Approaches!<\/h4>\n
Continuing with what we did for CollectionView, we’re starting a CarouselView Challenge to let you try out CarouselView and provide us with similar feedback. If you participated in the CollectionView Challenge, you’ll be familiar with how this new challenge will work. And we’re looking forward to seeing some new participants as well! <\/span>Here’s how it works:<\/p>\n