The UWP Community Toolkit v2.1

The UWP Community Toolkit v2.1
{$inline_image}

We are extremely excited to announce the latest update to the UWP Community Toolkit, version 2.1!

This update builds on top of the previous version and continues to align the toolkit closer to the Windows 10 Fall Creators Update SDK. Thanks to the continued support and help of the community, all packages have been updated to target the Fall Creators Update, several controls, helpers, and extensions have been added or updated, and the documentation and design time experience have been greatly improved.

Below is a quick list of few of the major updates in this release. Head over to the release notes for a complete overview of what’s new in 2.1.

DockPanel

This release introduces the DockPanel control that provides an easy docking of elements to the left, right, top, bottom or center.

#DockPanel is now part of #UwpToolkit get the pre-release from here https://t.co/ccEz8R6qSa thanks to @metulev & @dotMorten for their review pic.twitter.com/Gfp566kFAE

— Ibraheem Osama (@IbraheemOM) November 2, 2017

HeaderedContentControl and HeaderedItemsControl

There are now two controls, HeaderedContentControl and HeaderedItemsControl that allow content to be easily displayed with a header that can be templated.

<controls:HeaderedContentControl Header="Hello header!">
    <Grid Background="Gray">
        
    </Grid>
</<controls:HeaderedContentControl>

Connected and Implicit Animation in XAML

There are two new sets of XAML attached properties that enable working with composition animations directly in XAML

• Implicit animations (including show and hide) can now be directly added to the elements in XAML

	
<Border extensions:VisualExtensions.NormalizedCenterPoint="0.5">

    <animations:Implicit.ShowAnimations>
        <animations:TranslationAnimation Duration="0:0:1" 
			To="0, 100, 0" ></animations:TranslationAnimation>
        <animations:OpacityAnimation Duration="0:0:1" 
			To="1.0"></animations:OpacityAnimation>
    </animations:Implicit.ShowAnimations>

</Border>

• Connected animations can now be defined directly on the element in XAML by simply adding the same key on elements on different pages

<!-- Page 1 -->
<Border x:Name="Element" animations:Connected.Key="item"></Border>

<!-- Page 2 -->
<Border x:Name="Element" animations:Connected.Key="item"></Border>

Improved design time experience

Added designer support for controls, including toolbox integration and improved design time experience by placing properties in the proper category in the properties grid with hover tooltip.

Added @VisualStudio Toolbox integration to #UWPToolkit: https://t.co/SZ6Tf3b0cf #DragNDropLikeItsHot pic.twitter.com/G4s73wXUsi

— Morten Nielsen (@dotMorten) August 31, 2017

New SystemInformation properties

SystemInformation class now includes new properties and methods to make it easier to provide first run (or related) experiences or collect richer analytics.

The #uwptoolkit got some new SystemInformation properties fresh from the oven thanks to @mrlacey. What would you use these for? https://t.co/cFjGWSBxPX pic.twitter.com/Pft6nWbx0M

— Nikola Metulev (@metulev) October 13, 2017

Easy transition to new Fall Creators Update controls

To enable a smooth transition from existing toolkit controls to the new Fall Creators Update controls, the HamburgeMenu and SlidableListItem have new properties to use the NavigationView and SwipeControl respectively when running on Fall Creators Update. Take a look at the documentation on how this works.

Documentation

All documentation is now available at Microsoft docs. In addition, there is new API documentation as part of .NET API Browser.

Built by the Community

This update would not have been possible if it wasn’t for the community support and participation. If you are interested in participating in the development, but don’t know how to get started, check out our “help wanted” issues on GitHub.

As a reminder, although most of the development efforts and usage of the UWP Community Toolkit is for Desktop apps, it also works great on Xbox One, Mobile, HoloLens, IoT and Surface Hub devices. You can get started by following this tutorial, or preview the latest features by installing the UWP Community Toolkit Sample App from the Microsoft Store.

To join the conversation on Twitter, use the #uwptoolkit hashtag.

Source: The UWP Community Toolkit v2.1