{"id":1050,"date":"2026-04-30T23:07:55","date_gmt":"2026-05-01T06:07:55","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/?p=1050"},"modified":"2026-04-30T23:07:55","modified_gmt":"2026-05-01T06:07:55","slug":"announcing-winui-3-gallery-2-9","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/announcing-winui-3-gallery-2-9\/","title":{"rendered":"Announcing WinUI 3 Gallery 2.9"},"content":{"rendered":"<p><a href=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/Social-media-image.webp\"><img decoding=\"async\" class=\"alignnone size-large wp-image-1051\" src=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/Social-media-image-1024x536.webp\" alt=\"WinUI 3 Gallery 2.9\" width=\"1024\" height=\"536\" srcset=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/Social-media-image-1024x536.webp 1024w, https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/Social-media-image-300x157.webp 300w, https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/Social-media-image-768x402.webp 768w, https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/Social-media-image.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Hey WinUI developers! If you\u2019re new around here, WinUI Gallery is the go-to app for exploring WinUI 3 controls, samples, design guidance, and handy tools \u2014 all in one place. Today, we\u2019re excited to announce <strong>WinUI 3 Gallery 2.9<\/strong>, our first release built on <strong>Windows App SDK 2.0,<\/strong>\u00a0packed with brand new control samples and a few delightful additions!<\/p>\n<h2><span style=\"font-size: 24pt;\"><strong>\ud83d\udce6 Built on Windows App SDK 2.0<\/strong><\/span><\/h2>\n<div>\n<div>This release upgrades the Gallery to <strong>Windows App SDK 2.0<\/strong>, giving you a first-hand look at the latest controls, APIs, and improvements that come with it. As always, the Gallery is the easiest way to play with what&#8217;s new in WinUI without spinning up a project of your own.<\/div>\n<\/div>\n<h2><span style=\"font-size: 24pt;\"><strong>\ud83e\uddea New samples<\/strong><\/span><\/h2>\n<div>\n<div>We&#8217;ve added several new samples that showcase fresh APIs in Windows App SDK 2.0:<\/div>\n<\/div>\n<h3>SystemBackdropElement<\/h3>\n<div>\n<div>A brand new sample for <code>SystemBackdropElement<\/code>, which is a game-changer for working with Fluent materials in WinUI. Up until now, system backdrops like Mica and Acrylic were a window-level affair: you applied them to the whole window and that was that. With <code>SystemBackdropElement<\/code>, you can drop these materials in as a regular XAML element \u2014 anywhere in your visual tree \u2014 and get all the benefits of true system-level Mica and Acrylic without any of the old workarounds.<\/div>\n<div>\n<p>Some of the things this unlocks:<\/p>\n<\/div>\n<ul>\n<li><strong>Acrylic on custom surfaces<\/strong>. Bring real Acrylic into flyouts, panes, sidebars, cards, or any custom control where you previously had to fall back to <code>AcrylicBrush<\/code>. Because it&#8217;s the actual system backdrop, you get the real-time blur on top of the pixels that are behind the window.<\/li>\n<li><strong>Transparent windows with in-app material.<\/strong> Make your window background fully transparent and use <code>SystemBackdropElement<\/code> to draw Acrylic or Mica only on the parts of your UI that need it. Great for floating toolbars, HUDs, or non-rectangular window shapes.<\/li>\n<\/ul>\n<\/div>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/XAML-1.webp\"><img decoding=\"async\" class=\"alignnone size-full wp-image-1056\" src=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/XAML-1.webp\" alt=\"SystemBackdropElement sample\" width=\"918\" height=\"716\" srcset=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/XAML-1.webp 918w, https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/XAML-1-300x234.webp 300w, https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/XAML-1-768x599.webp 768w\" sizes=\"(max-width: 918px) 100vw, 918px\" \/><\/a><\/p>\n<h3>SplitMenuFlyoutItem<\/h3>\n<div>\n<div>The new\u00a0 <code>SplitMenuFlyoutItem<\/code> sample shows how to add split-button-style entries to your menu flyouts, giving users both a primary action and a related submenu in one tidy control.<\/div>\n<\/div>\n<div><\/div>\n<div><a href=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/MenuFlyoutItem.webp\"><img decoding=\"async\" class=\"alignnone size-full wp-image-1057\" src=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/MenuFlyoutItem.webp\" alt=\"MenuFlyoutItem image\" width=\"793\" height=\"571\" srcset=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/MenuFlyoutItem.webp 793w, https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/MenuFlyoutItem-300x216.webp 300w, https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/MenuFlyoutItem-768x553.webp 768w\" sizes=\"(max-width: 793px) 100vw, 793px\" \/><\/a><\/div>\n<h3>XAML conditions<\/h3>\n<div>\n<div>A new sample demonstrates the <code>IXamlCondition<\/code> interface, which lets you define your own custom conditions that plug into XAML&#8217;s conditional namespace syntax and are evaluated at XAML parse time. In other words: you can now show or hide entire chunks of markup based on whatever your app cares about \u2014 without code-behind hacks or visibility toggles.<\/div>\n<div>The sample shows how to implement <code>IXamlCondition<\/code>, hook it up via a conditional XAML namespace, and use it to gate elements in your markup.<\/div>\n<\/div>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/conditional.webp\"><img decoding=\"async\" class=\"alignnone size-full wp-image-1058\" src=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/conditional.webp\" alt=\"Conditional XAML\" width=\"838\" height=\"475\" srcset=\"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/conditional.webp 838w, https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/conditional-300x170.webp 300w, https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-content\/uploads\/sites\/61\/2026\/04\/conditional-768x435.webp 768w\" sizes=\"(max-width: 838px) 100vw, 838px\" \/><\/a><\/p>\n<div>\n<div>\n<h2><span style=\"font-size: 24pt;\"><strong>\ud83e\uddea Other notable changes<\/strong><\/span><\/h2>\n<\/div>\n<div>A few more improvements landed in this release:<\/div>\n<ul>\n<li><strong>Two new <code>NavigationTransitionInfo<\/code> options<\/strong> added to the page transition sample (<a href=\"https:\/\/github.com\/microsoft\/WinUI-Gallery\/pull\/2141\">#2141<\/a>) \u2014 thanks <a href=\"https:\/\/github.com\/HO-COOH\">@HO-COOH<\/a>!<\/li>\n<li><strong><code>ConnectedAnimation<\/code> with <code>ItemsRepeater<\/code><\/strong><code>\u00a0<\/code>sample, showing how to smoothly animate elements between pages in a repeater-based layout (<a href=\"https:\/\/github.com\/microsoft\/WinUI-Gallery\/pull\/340\">#340<\/a>).<\/li>\n<li><strong><code>MediaPlayerElement<\/code> now supports playing local files<\/strong> in its sample, making it easier to see how playback works with content on disk (<a href=\"https:\/\/github.com\/microsoft\/WinUI-Gallery\/pull\/2157\">#2157<\/a>) \u2014 thanks again <a href=\"https:\/\/github.com\/HO-COOH\">@HO-COOH<\/a>!<\/li>\n<li><strong>Improved Mica and Acrylic descriptions<\/strong> on the System Backdrops page, with clearer guidance on when to use each material (<a href=\"https:\/\/github.com\/microsoft\/WinUI-Gallery\/pull\/2161\">#2161<\/a>).<\/li>\n<\/ul>\n<p>See the <a href=\"https:\/\/github.com\/microsoft\/WinUI-Gallery\/releases\/tag\/v2.9.0\">full release notes on GitHub<\/a>.<\/p>\n<\/div>\n<h2><strong>Thanks!<\/strong><\/h2>\n<p>This release was made possible by our amazing community contributors &#8211; big thanks to <a href=\"https:\/\/github.com\/HO-COOH\">@HO-COOH<\/a>, <a href=\"https:\/\/github.com\/AndrewKeepCoding\">@AndrewKeepCoding<\/a>, <a href=\"https:\/\/github.com\/Zakariathr22\">@Zakariathr22<\/a>, <a href=\"https:\/\/github.com\/ianjbryant\">@ianjbryant<\/a> and <a href=\"https:\/\/github.com\/sshubhavee\">@sshubhavee<\/a> for their contributions\u00a0as well as everyone who filed issues and helped test along the way!<\/p>\n<p>All in all, this new version is packed with polish, new samples, and community love! Grab it <a href=\"https:\/\/apps.microsoft.com\/detail\/9P3JFPWWDZRC?hl=en-us&amp;gl=US&amp;ocid=pdpshare\">from the Microsoft Store<\/a> or check out <a href=\"https:\/\/github.com\/microsoft\/WinUI-Gallery\">the GitHub repo<\/a> if you want to contribute.<\/p>\n<p>Happy coding! \ud83d\udcbb\u2728<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Hey WinUI developers! If you\u2019re new around here, WinUI Gallery is the go-to app for exploring WinUI 3 controls, samples, design guidance, and handy tools \u2014 all in one place. Today, we\u2019re excited to announce WinUI 3 Gallery 2.9, our first release built on Windows App SDK 2.0,\u00a0packed with brand new control samples and [&hellip;]<\/p>\n","protected":false},"author":128482,"featured_media":1051,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[4,46,51,61,49,59,8,81,6,77,7],"class_list":["post-1050","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ifdef-windows","tag-net","tag-net-community-toolkit","tag-csharp","tag-developer","tag-dotnet","tag-microsoft-store","tag-windows","tag-windows-app-sdk","tag-winui","tag-winui-gallery","tag-winui3"],"acf":[],"blog_post_summary":"<p>&nbsp; Hey WinUI developers! If you\u2019re new around here, WinUI Gallery is the go-to app for exploring WinUI 3 controls, samples, design guidance, and handy tools \u2014 all in one place. Today, we\u2019re excited to announce WinUI 3 Gallery 2.9, our first release built on Windows App SDK 2.0,\u00a0packed with brand new control samples and [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-json\/wp\/v2\/posts\/1050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-json\/wp\/v2\/users\/128482"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-json\/wp\/v2\/comments?post=1050"}],"version-history":[{"count":1,"href":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-json\/wp\/v2\/posts\/1050\/revisions"}],"predecessor-version":[{"id":1060,"href":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-json\/wp\/v2\/posts\/1050\/revisions\/1060"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-json\/wp\/v2\/media\/1051"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-json\/wp\/v2\/media?parent=1050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-json\/wp\/v2\/categories?post=1050"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/ifdef-windows\/wp-json\/wp\/v2\/tags?post=1050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}