WinUI3でウィンドウをマイカにしよう！

Windows11 25H2にしたらスタートメニューがマイカになってた！

Windows11 25H2が利用できるようになったらしいので、新しいもの好きの私は早速25H2に。
すると、スタートボタンのポップアップ画面がマイカっぽい半透明風のウィンドウに！
なんかオシャレになっちゃった？

自作WindowsアプリもマイカにしてWindows11ぽくしてみたい！

Windows10のサポートも切れてしまい、遊んでいるFF14でもWindows10はサポート対象外に。
私の作ったWindowsアプリはFF14のプレイ動画やスクリーンショットを対象としているので、自作アプリも同様にWindows11のみを対象にしようと考えていました。
でも、何もなしにWindows11のみのサポートです、だと面白くないので、わたしのアプリもマイカにしてみることに！

Microsoft Learnでマイカにする方法を調べる！

わたしのアプリはWinUI3なので、WinUI3での適用方法を確認します。

記事によると、次のどちらかを行えば良いようです。

XAML

<Window
    ... >

    <Window.SystemBackdrop>
        <MicaBackdrop Kind="BaseAlt"/>
    </Window.SystemBackdrop>

</Window>

C#

public MainWindow()
{
    this.InitializeComponent();

    SystemBackdrop = new MicaBackdrop() 
                        { Kind = MicaKind.BaseAlt };
}

わたしはXAMLでの適用にしてみました！

マイカを適用した結果！

適用前

適用後

Foo！謎の透明感！

私がハマったポイント

XAMLに書いて、特別エラーらしいエラーはないものの、マイカっぽくならない？
なんで？？
試しにC#にも書いてみましたが、やっぱりだめ。

XAML

<Window x:Class="WoLNamesBlackedOut.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        Title="WoLNamesBlackedOut" 
        Closed="Window_Closed"
        >
    <Window.SystemBackdrop>
        <MicaBackdrop Kind="BaseAlt"/>
    </Window.SystemBackdrop>
-    <Grid x:Name="RootGrid" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" AllowDrop="True" Drop="RootGrid_Drop" DragOver="RootGrid_DragOver" >
+    <Grid x:Name="RootGrid" AllowDrop="True" Drop="RootGrid_Drop" DragOver="RootGrid_DragOver" >
    ・・・

一番大きなRootGridにBackgroundを設定していたからでした。
削除したら反映されました！

まとめ

• WinUI3のアプリをマイカにしたよ！
• XAMLの知識に乏しく小一時間悩んだので記事にしてみたよ！
• 簡単だからみんなもマイカにしようぜ！アクリルでもいいよ！