{"id":36227,"date":"2018-03-30T15:02:00","date_gmt":"2018-03-30T19:02:00","guid":{"rendered":"https:\/\/blog.xamarin.com\/?p=36227"},"modified":"2018-03-30T15:02:00","modified_gmt":"2018-03-30T19:02:00","slug":"update-to-xamarin-forms-3-0-pre-release-available-today","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/xamarin\/update-to-xamarin-forms-3-0-pre-release-available-today\/","title":{"rendered":"Update to Xamarin.Forms 3.0 Pre-Release Available Today!"},"content":{"rendered":"

\t\t\t\tWe’re excited to announce that the latest update to the Xamarin.Forms 3.0 Pre-release<\/a> is now available! Help us make this our best Xamarin.Forms release ever by updating today and giving it a try. Here’s the breakdown of what you can expect in this release.<\/p>\n

Overview<\/h2>\n

Xamarin.Forms 3.0 delivers stability, performance, and features focusing on making it easier to create beautiful applications that work on a variety of devices. We’re now building with .NET Standard 2.0, using the magic of multi-targeting, while still supporting the PCL profiles and other .NET Standard versions you may need. Notice how much faster your projects load when you use .NET Standard project types!<\/p>\n

We’ve gained some performance in our never-ending pursuit of faster builds, instant cold starts, and runtime speed. Xamarin.Forms 3.0 opens up more functionality, includes some great community contributions, and even sheds a little overhead as we sunset Windows Phone and WinRT. For the best Windows experience, you\u2019ll want to use UWP<\/strong>. Our incredible community has taken up the challenge of older versions of Windows, and Xamarin.Forms 3.0 now includes the early preview of WPF support.<\/p>\n

Feature Highlights<\/h2>\n

Based on community surveys, looking at your apps, and many one-on-one conversations with developers, we know that a significant number of you come to Xamarin.Forms from other mobile and desktop XAML experiences. We want to make your experience as productive as possible while using the parts you\u2019re already familiar with. This continues in 3.0 with the introduction of the Visual State Manager<\/a>.<\/p>\n

\n

“Share your experiences with us! Your feedback matters, and we need to hear from you. If you have a story to share, whether to celebrate your success or to show us where you’d like us to improve, send me an email.”<\/p>\n

– Dave<\/b>
\nSenior Program Manager, Xamarin.Forms
\ndavid.ortinau@microsoft.com<\/a><\/p>\n<\/blockquote>\n

There are a significant number of mostly ASP.NET and web developers using Xamarin.Forms today with little-to-no desktop experience. In light of that finding, and after looking at how web developers are productive in their own workflows, we’ve identified two features to add to Xamarin.Forms: FlexLayout<\/a> and CSS<\/a>. Xamarin.Forms 3.0 introduces both of these features without compromising the existing XAML experience desktop developers have come to know and love.<\/p>\n

To add to that, Right-to-Left<\/a> support and a ton of quality improvements have also been included in this 3.0 release! Let\u2019s explore a quick overview of each feature mentioned.\n<\/a><\/p>\n

Visual State Manager<\/h3>\n

XAML developers using UWP have been productive managing the state of their controls by using a VisualStateManager<\/code>. Common use cases are to set the valid or invalid state of form controls, when something is enabled or disabled, or even move a control through multiple states, such as a password strength indicator. For more examples of this in action, check out the login page of this sample app<\/a>.<\/p>\n

\n

Note: This is the first iteration of VisualStateManager<\/code> in Xamarin.Forms 3.0. We’re considering how to make this more useful to you in future iterations. Please send us your thoughts.<\/p>\n<\/blockquote>\n

<\/a><\/p>\n

FlexLayout: Distribution and Adaptability<\/h3>\n

Inspired by the popular\u00a0FlexBox<\/code>, FlexLayout<\/code> introduces a new layout for Xamarin.Forms. FlexLayout<\/code> gives you superior control over how children are distributed and how your layouts adapt to various sizes and dimensions. This layout also promotes a flatter UI hierarchy, a best practice for creating performant interfaces.<\/p>\n

Since the introduction of basic CSS support<\/a>, you can now grab web-based CSS snippets for FlexBox<\/code> in your Xamarin.Forms apps with little-to-no adjustment.<\/p>\n

\"\"<\/p>\n

For examples of the types of layouts you might create with FlexLayout, and how to implement them, explore this sample app on GitHub<\/a>, as well as our FlexLayout<\/code> pull request<\/a>, which describes the properties available to you.<\/p>\n

<\/a><\/p>\n

StyleSheets: The Power of CSS in Your Apps<\/h3>\n

Xamarin.Forms developers have long been productive expressing Styles via XAML, and this remains unchanged. In 3.0, CSS introduces a complimentary way to express Styles together with XAML Styles and, in some cases, all by itself. For a list of the Style properties available in StyleSheets, check out the pull request<\/a>.<\/p>\n

StyleSheets can be added to your XAML by loading a separate *.css<\/code> file or inline.<\/p>\n

<ContentPage x:Class=\"...\">\n  <ContentPage.Resources>\n    <StyleSheet Source=\"appresources\/style.css\" \/>\n  <\/ContentPage.Resources>\n<\/ContentPage><\/pre>\n
Notice the nice, collapsed ResourceDictionary<\/code> syntax. We teased this as a “coming soon” enhancement in the previous post Better Resource Organization<\/a>. Be sure to check that out.<\/p>\n
<ContentPage x:Class=\"...\">\n  <ContentPage.Resources>\n    <StyleSheet>\n<![CDATA[\n^contentpage {\n    background-color: orange;\n    padding: 20;\n}\n\nstacklayout > * {\n    margin: 3;\n}\n]]>\n    <\/StyleSheet>\n  <\/ContentPage.Resources>\n<\/ContentPage><\/pre>\n
Several of these example layouts<\/a> demonstrate various ways to express styles. <\/p>\n
<\/a><\/p>\n
Right-To-Left Localization<\/h3>\n
\"\"<\/a>\nWhile it’s always been possible to support right-to-left scripts in Xamarin.Forms (using effects, custom layouts, and custom renderers), it hasn’t always been as easy as it should be. To that end, we’ve now surfaced the necessary API to easily read and use the user’s regional settings, as well as updated our layouts and controls to respect those settings. It’s really as simple as doing the following in your XAML for layouts and controls:<\/p>\n
FlowDirection=\"{Binding Device.FlowDirection}\"\n<\/code><\/p>\n
New Platform Previews<\/h3>\n
This version of Xamarin.Forms ships with new and updated platform previews, including Tizen, GTK#, macOS, and WPF. A huge thanks to our community and partners for these incredible contributions!<\/p>\n
Each of these are in varying stages of maturity, so check the platform support page<\/a> on our wiki for details.<\/p>\n
Begin exploring today!<\/h2>\n
Check out the release notes<\/a> for a rundown of the full list of enhancements and fixes. Xamarin.Forms 3.0 pre-release is on NuGet now<\/a>. To update, check for pre-release options in your NuGet manager and add the package to all of your solutions projects. Reboot the IDE for a clean start, and get going!<\/p>\n
If you\u2019re upgrading from an older version of Xamarin.Forms, check that your Android project is using target framework 7.0 or greater and Android Support Libraries 25 or newer. For additional details on resolving your Android dependencies, refer to the 2.5.0 stable release notes<\/a>.<\/p>\n
Please file any issues<\/a> you discover for us to troubleshoot and address.\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"
We’re excited to announce that the latest update to the Xamarin.Forms 3.0 Pre-release is now available! Help us make this our best Xamarin.Forms release ever by updating today and giving it a try. Here’s the breakdown of what you can expect in this release. Overview Xamarin.Forms 3.0 delivers stability, performance, and features focusing on making […]<\/p>\n","protected":false},"author":553,"featured_media":39167,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[16],"class_list":["post-36227","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developers","tag-xamarin-forms"],"acf":[],"blog_post_summary":"
We’re excited to announce that the latest update to the Xamarin.Forms 3.0 Pre-release is now available! Help us make this our best Xamarin.Forms release ever by updating today and giving it a try. Here’s the breakdown of what you can expect in this release. Overview Xamarin.Forms 3.0 delivers stability, performance, and features focusing on making […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/xamarin\/wp-json\/wp\/v2\/posts\/36227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/xamarin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/xamarin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/xamarin\/wp-json\/wp\/v2\/users\/553"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/xamarin\/wp-json\/wp\/v2\/comments?post=36227"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/xamarin\/wp-json\/wp\/v2\/posts\/36227\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/xamarin\/wp-json\/wp\/v2\/media\/39167"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/xamarin\/wp-json\/wp\/v2\/media?parent=36227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/xamarin\/wp-json\/wp\/v2\/categories?post=36227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/xamarin\/wp-json\/wp\/v2\/tags?post=36227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}