{"id":45589,"date":"2019-10-22T09:48:02","date_gmt":"2019-10-22T16:48:02","guid":{"rendered":"http:\/\/devblogs.microsoft.com\/xamarin\/?p=45589"},"modified":"2019-10-22T09:48:02","modified_gmt":"2019-10-22T16:48:02","slug":"xamarin-forms-4-3-introducing-collectionview","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/xamarin\/xamarin-forms-4-3-introducing-collectionview\/","title":{"rendered":"Xamarin.Forms 4.3 is live! Introducing CollectionView"},"content":{"rendered":"

Today we\u2019re incredibly pleased to announce the stable release of Xamarin.Forms 4.3.0. This release marks the removal of the experimental flag from CollectionView as it moves into stable status. Along with this, comes a number of enhancements and contributions from the community. Including SourceLink support, the ability to display HTML on Labels, and more.<\/p>\n

Using CollectionView<\/h3>\n

With Xamarin.Forms 4.3.0, you can now use CollectionView in your apps without the need for the Experimental flag enabled. If you haven\u2019t used CollectionView before, go check out the docs<\/a> to learn more and download the samples. CollectionView is built to be fast, uses modern, native controls, and removes the concept of ViewCells. Simply set your View inside a DataTemplate:\n <\/p>\n

    <StackLayout Margin=\"20\">\r\n        <CollectionView ItemsSource=\"{Binding Monkeys}\">\r\n            <CollectionView.ItemTemplate>\r\n                <DataTemplate>\r\n                    <Grid Padding=\"10\">\r\n                        <Grid.RowDefinitions>\r\n                            <RowDefinition Height=\"Auto\" \/>\r\n                            <RowDefinition Height=\"Auto\" \/>\r\n                        <\/Grid.RowDefinitions>\r\n                        <Grid.ColumnDefinitions>\r\n                            <ColumnDefinition Width=\"Auto\" \/>\r\n                            <ColumnDefinition Width=\"Auto\" \/>\r\n                        <\/Grid.ColumnDefinitions>\r\n                        <Image Grid.RowSpan=\"2\" \r\n                               Source=\"{Binding ImageUrl}\" \r\n                               Aspect=\"AspectFill\"\r\n                               HeightRequest=\"60\" \r\n                               WidthRequest=\"60\" \/>\r\n                        <Label Grid.Column=\"1\" \r\n                               Text=\"{Binding Name}\" \r\n                               FontAttributes=\"Bold\" \/>\r\n                        <Label Grid.Row=\"1\"\r\n                               Grid.Column=\"1\" \r\n                               Text=\"{Binding Location}\"\r\n                               FontAttributes=\"Italic\" \r\n                               VerticalOptions=\"End\" \/>\r\n                    <\/Grid>\r\n                <\/DataTemplate>\r\n            <\/CollectionView.ItemTemplate>\r\n        <\/CollectionView>\r\n    <\/StackLayout><\/pre>\n
 <\/p>\n
\"Xamarin.Forms<\/p>\n
For more information on getting started with CollectionView, visit the\u00a0docs<\/a>.<\/p>\n
RefreshView<\/h4>\n
Xamarin.Forms 4.3 also introduces RefreshView. The need for pull-to-refresh functionality was a top piece of feedback during the CollectionView Challenge<\/a>. RefreshView provides pull-to-refresh functionality to any child which supports scrollable content:<\/p>\n
<RefreshView IsRefreshing=\"{Binding IsRefreshing}\"\r\n             Command=\"{Binding RefreshCommand}\">\r\n    <CollectionView ItemsSource=\"{Binding Animals}\">\r\n        ...\r\n    <\/CollectionView>\r\n<\/RefreshView><\/pre>\n
Visit the docs<\/a> to learn more about RefreshView.<\/p>\n
Additional Features<\/h3>\n
Xamarin.Forms 4.3.0 also brings additional enhancements. As mentioned earlier, two of those particularly notable additions include SourceLink support within Xamarin.Forms. As well as the ability to display HTML on Labels.<\/p>\n
SourceLink Support (#6886<\/a>)<\/h5>\n
With SourceLink support added to Xamarin.Forms, easily step into the source code for a first-class debugging experience. Learn more through the SourceLink GitHub repo<\/a>.<\/p>\n
Displaying HTML on a Label (#4527<\/a>)<\/h5>\n
By setting the TextType<\/span>\u00a0 property on the Label to Html<\/span>, your string values can be parsed as HTML. Then display appropriately on a Label:<\/p>\n
var labelUsingHTML = new Label\r\n{\r\n    Text = \"<h1>Hello from Xamarin.Forms!<\/h1><\/br>This <i>Label<\/i>'s text is being displayed with <b>HTML<\/b>!\",\r\n    TextType = TextType.Html,\r\n    VerticalOptions = LayoutOptions.CenterAndExpand,\r\n    HorizontalTextAlignment = TextAlignment.Center\r\n};<\/pre>\n
\"Xamarin.Forms<\/p>\n
 <\/p>\n
Additional enhancements include:<\/p>\n