Mica material doesn't works in XAML Islands
See original GitHub issueDescribe the bug Mica material either renders as fully transparent or just plain white in XAML islands.
Steps to reproduce the bug
Steps to reproduce the behavior:
- Create an XAML Islands app
- Add
muxc:BackdropMaterial.ApplyToRootOrPageBackground="True"
to a page - Load that page
Expected behavior I expected to see the Mica brush.
Screenshots
Version Info
NuGet package version:
[Microsoft.UI.Xaml 2.6.0]
Windows app type:
UWP | Win32 |
---|---|
Yes |
Windows 10 version | Saw the problem? |
---|---|
Insider Build (22000) | Yes |
October 2020 Update (19042) | |
May 2020 Update (19041) | |
November 2019 Update (18363) | |
May 2019 Update (18362) | |
October 2018 Update (17763) | |
April 2018 Update (17134) | |
Fall Creators Update (16299) | |
Creators Update (15063) |
Device form factor | Saw the problem? |
---|---|
Desktop | Yes |
Xbox | |
Surface Hub | |
IoT |
Additional context I don’t have a repro project due to the complexity of getting XAML Islands and WinUI set up together.
Issue Analytics
- State:
- Created 2 years ago
- Reactions:6
- Comments:14 (10 by maintainers)
Top Results From Across the Web
Mica material not showing up on secondary window
If I click on show second window, It pops up, but the background is in my system-accent-color, not the Mica material. Here my...
Read more >Apply Mica to a WPF app on Windows 11
The Mica material is one of the hypest parts of Windows 11 app design, but just like Acrylic ... (Even XAML Islands can't...
Read more >The mica effect is not good : r/Windows11
I think acrylic would've worked better anyways, was just wondering ... Considering the 'speed' of Xaml islands with explorer, the reasoning ...
Read more >Host WinRT XAML controls in desktop apps (XAML Islands)
This guide helps you to create Fluent-based UWP UIs directly in your WPF and Windows Forms applications.
Read more >Using a SystemBackdropController with WinUI 3 XAML
This article describes how to apply Mica or Acrylic as the base layer of your Windows App SDK/WinUI 3 XAML app. Note. To...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Is that not what XamlRoot is for?
No, it does not help, as composition attributes are ignored by XAML islands.