{"id":20603,"date":"2017-11-23T03:00:55","date_gmt":"2017-11-22T18:00:55","guid":{"rendered":"https:\/\/jirak.net\/wp\/the-uwp-community-toolkit-v2-1\/"},"modified":"2017-11-23T03:00:55","modified_gmt":"2017-11-22T18:00:55","slug":"the-uwp-community-toolkit-v2-1","status":"publish","type":"post","link":"https:\/\/jirak.net\/wp\/the-uwp-community-toolkit-v2-1\/","title":{"rendered":"The UWP Community Toolkit v2.1"},"content":{"rendered":"<p>The UWP Community Toolkit v2.1<br \/>\n{$inline_image}<\/p>\n<p>We are extremely excited to announce the latest update to the UWP Community Toolkit, version 2.1!<\/p>\n<p>This update builds on top of the <a href=\"https:\/\/blogs.windows.com\/buildingapps\/2017\/08\/30\/uwp-community-toolkit-v2-0\">previous version<\/a> 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.<\/p>\n<p>Below is a quick list of few of the major updates in this release. Head over to the <a href=\"https:\/\/github.com\/Microsoft\/UWPCommunityToolkit\/releases\">release notes<\/a> for a complete overview of what\u2019s new in 2.1.<\/p>\n<h2>DockPanel<\/h2>\n<p>This release introduces the DockPanel control that provides an easy docking of elements to the left, right, top, bottom or center.<\/p>\n<blockquote class=\"twitter-tweet\">\n<p lang=\"en\" dir=\"ltr\"><a href=\"https:\/\/twitter.com\/hashtag\/DockPanel?src=hash&amp;ref_src=twsrc%5Etfw\">#DockPanel<\/a> is now part of <a href=\"https:\/\/twitter.com\/hashtag\/UwpToolkit?src=hash&amp;ref_src=twsrc%5Etfw\">#UwpToolkit<\/a> get the pre-release from here <a href=\"https:\/\/t.co\/ccEz8R6qSa\">https:\/\/t.co\/ccEz8R6qSa<\/a> thanks to <a href=\"https:\/\/twitter.com\/metulev?ref_src=twsrc%5Etfw\">@metulev<\/a> &amp; <a href=\"https:\/\/twitter.com\/dotMorten?ref_src=twsrc%5Etfw\">@dotMorten<\/a> for their review <a href=\"https:\/\/t.co\/Gfp566kFAE\">pic.twitter.com\/Gfp566kFAE<\/a><\/p>\n<p>&mdash; Ibraheem Osama (@IbraheemOM) <a href=\"https:\/\/twitter.com\/IbraheemOM\/status\/925914345573191680?ref_src=twsrc%5Etfw\">November 2, 2017<\/a><\/p>\n<\/blockquote>\n<h2>HeaderedContentControl and HeaderedItemsControl<\/h2>\n<p>There are now two controls, HeaderedContentControl and HeaderedItemsControl\u00a0that allow content to be easily displayed with a header that can be templated.<\/p>\n<pre class=\"brush: xml; title: ; notranslate\">\r\n\r\n&amp;amp;lt;controls:HeaderedContentControl Header=&amp;amp;quot;Hello header!&amp;amp;quot;&amp;amp;gt;\r\n    &amp;amp;lt;Grid Background=&amp;amp;quot;Gray&amp;amp;quot;&amp;amp;gt;\r\n        \r\n    &amp;amp;lt;\/Grid&amp;amp;gt;\r\n&amp;amp;lt;\/&amp;amp;lt;controls:HeaderedContentControl&amp;amp;gt;\r\n\r\n<\/pre>\n<h2>Connected and Implicit Animation in XAML<\/h2>\n<p>There are two new sets of XAML attached properties that enable working with composition animations directly in XAML<\/p>\n<ul>\n<li>Implicit animations (including show and hide) can now be directly added to the elements in XAML<\/li>\n<\/ul>\n<pre class=\"brush: xml; title: ; notranslate\">\r\n\t\r\n&amp;amp;lt;Border extensions:VisualExtensions.NormalizedCenterPoint=&amp;amp;quot;0.5&amp;amp;quot;&amp;amp;gt;\r\n\r\n    &amp;amp;lt;animations:Implicit.ShowAnimations&amp;amp;gt;\r\n        &amp;amp;lt;animations:TranslationAnimation Duration=&amp;amp;quot;0:0:1&amp;amp;quot; \r\n\t\t\tTo=&amp;amp;quot;0, 100, 0&amp;amp;quot; &amp;amp;gt;&amp;amp;lt;\/animations:TranslationAnimation&amp;amp;gt;\r\n        &amp;amp;lt;animations:OpacityAnimation Duration=&amp;amp;quot;0:0:1&amp;amp;quot; \r\n\t\t\tTo=&amp;amp;quot;1.0&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;\/animations:OpacityAnimation&amp;amp;gt;\r\n    &amp;amp;lt;\/animations:Implicit.ShowAnimations&amp;amp;gt;\r\n\r\n&amp;amp;lt;\/Border&amp;amp;gt;\r\n\r\n<\/pre>\n<ul>\n<li>Connected animations can now be defined directly on the element in XAML by simply adding the same key on elements on different pages<\/li>\n<\/ul>\n<pre class=\"brush: xml; title: ; notranslate\">\r\n\r\n&amp;amp;lt;!-- Page 1 --&amp;amp;gt;\r\n&amp;amp;lt;Border x:Name=&amp;amp;quot;Element&amp;amp;quot; animations:Connected.Key=&amp;amp;quot;item&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;\/Border&amp;amp;gt;\r\n\r\n&amp;amp;lt;!-- Page 2 --&amp;amp;gt;\r\n&amp;amp;lt;Border x:Name=&amp;amp;quot;Element&amp;amp;quot; animations:Connected.Key=&amp;amp;quot;item&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;\/Border&amp;amp;gt;\r\n\r\n<\/pre>\n<p><a href=\"https:\/\/winblogs.azureedge.net\/win\/2017\/11\/f2fe5256f21bb2d1d479d8654491e81c.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-50298\" src=\"https:\/\/winblogs.azureedge.net\/win\/2017\/11\/f2fe5256f21bb2d1d479d8654491e81c.gif\" alt=\"\" width=\"600\" height=\"452\" \/><\/a><\/p>\n<h2>Improved design time experience<\/h2>\n<p>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.<\/p>\n<blockquote class=\"twitter-tweet\">\n<p lang=\"en\" dir=\"ltr\">Added <a href=\"https:\/\/twitter.com\/VisualStudio?ref_src=twsrc%5Etfw\">@VisualStudio<\/a> Toolbox integration to <a href=\"https:\/\/twitter.com\/hashtag\/UWPToolkit?src=hash&amp;ref_src=twsrc%5Etfw\">#UWPToolkit<\/a>: <a href=\"https:\/\/t.co\/SZ6Tf3b0cf\">https:\/\/t.co\/SZ6Tf3b0cf<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/DragNDropLikeItsHot?src=hash&amp;ref_src=twsrc%5Etfw\">#DragNDropLikeItsHot<\/a> <a href=\"https:\/\/t.co\/G4s73wXUsi\">pic.twitter.com\/G4s73wXUsi<\/a><\/p>\n<p>&mdash; Morten Nielsen (@dotMorten) <a href=\"https:\/\/twitter.com\/dotMorten\/status\/903399376772448256?ref_src=twsrc%5Etfw\">August 31, 2017<\/a><\/p>\n<\/blockquote>\n<h2>New SystemInformation properties<\/h2>\n<p>SystemInformation class now includes new properties and methods to make it easier to provide first run (or related) experiences or collect richer analytics.<\/p>\n<blockquote class=\"twitter-tweet\">\n<p lang=\"en\" dir=\"ltr\">The <a href=\"https:\/\/twitter.com\/hashtag\/uwptoolkit?src=hash&amp;ref_src=twsrc%5Etfw\">#uwptoolkit<\/a> got some new SystemInformation properties fresh from the oven thanks to <a href=\"https:\/\/twitter.com\/mrlacey?ref_src=twsrc%5Etfw\">@mrlacey<\/a>. What would you use these for? <a href=\"https:\/\/t.co\/cFjGWSBxPX\">https:\/\/t.co\/cFjGWSBxPX<\/a> <a href=\"https:\/\/t.co\/Pft6nWbx0M\">pic.twitter.com\/Pft6nWbx0M<\/a><\/p>\n<p>&mdash; Nikola Metulev (@metulev) <a href=\"https:\/\/twitter.com\/metulev\/status\/918928016163553280?ref_src=twsrc%5Etfw\">October 13, 2017<\/a><\/p>\n<\/blockquote>\n<h2>Easy transition to new Fall Creators Update controls<\/h2>\n<p>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 <a href=\"https:\/\/docs.microsoft.com\/en-us\/windows\/uwpcommunitytoolkit\/controls\/hamburgermenu\">documentation<\/a> on how this works.<\/p>\n<h2>Documentation<\/h2>\n<p>All documentation is now available at <a href=\"https:\/\/docs.microsoft.com\/en-us\/windows\/uwpcommunitytoolkit\/\">Microsoft docs<\/a>. In addition, there is new API documentation as part of <a href=\"https:\/\/docs.microsoft.com\/en-us\/dotnet\/api\/?term=microsoft.toolkit\">.NET API Browser<\/a>.<\/p>\n<h2>Built by the Community<\/h2>\n<p>This update would not have been possible if it wasn\u2019t for the community support and participation. If you are interested in participating in the development, but don\u2019t know how to get started, check out our \u201c<a href=\"https:\/\/github.com\/Microsoft\/UWPCommunityToolkit\/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22\">help wanted<\/a>\u201d issues on GitHub.<\/p>\n<p>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\u00a0<a href=\"https:\/\/docs.microsoft.com\/en-us\/windows\/uwpcommunitytoolkit\/Getting-Started\">get started by following this tutorial<\/a>, or preview the latest features by\u00a0<a href=\"https:\/\/www.microsoft.com\/store\/apps\/9NBLGGH4TLCQ?cid=blogpost\">installing the UWP Community Toolkit Sample App<\/a>\u00a0from the Microsoft Store.<\/p>\n<p>To join the conversation on Twitter, use the\u00a0#uwptoolkit hashtag.<\/p>\n<p>Source: <a href=\"http:\/\/blogs.windows.com\/buildingapps\/2017\/11\/22\/uwp-community-toolkit-v2-1\/\" target=\"_blank\">The UWP Community Toolkit v2.1<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>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\u2019s 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 <a class=\"mh-excerpt-more\" href=\"https:\/\/jirak.net\/wp\/the-uwp-community-toolkit-v2-1\/\" title=\"The UWP Community Toolkit v2.1\">[ more&#8230; ]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[169],"tags":[201],"class_list":["post-20603","post","type-post","status-publish","format-standard","hentry","category-news","tag-windows"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts\/20603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/comments?post=20603"}],"version-history":[{"count":0,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts\/20603\/revisions"}],"wp:attachment":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/media?parent=20603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/categories?post=20603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/tags?post=20603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}