WinUI3 / Project Reunion を導入して試してみた

※WinUI 3 Project の拡張機能をインストールすると、Project Reunion も導入されます。

実行環境

1. セットアップ

まずはここから導入していきます。

marketplace.visualstudio.com

セットアップが始まるので、Visual Studio を閉じておきましょう。

f:id:takunology:20210627005804p:plain

セットアップが完了すると、プロジェクトに WinUI 3 のテンプレートが追加されます。

f:id:takunology:20210627011115p:plain

2. プロジェクト作成

今回は Blank App, Packaged を選択します。(先程の画像の青い部分)また、ターゲットはこのようにします。

f:id:takunology:20210627012633p:plain

このまま実行すると、このように表示されます。クリックすると、Click Me から Clicked に変わります。

f:id:takunology:20210627013352p:plain

ちなみに、Windows のテーマカラーに依存しており、上記の例ではダークモードです。ライトにすると下のように変化します。これはアプリ実行中でも切り替えることができます。

f:id:takunology:20210627013512p:plain

3. サンプルコードを動かす

Microsoft の開発者用ページにサンプルコードがあるので、動かしてみます。ソースコードはリンク先から参考にしてみてください。

docs.microsoft.com

動かしてみると、読み込んでいる DLL がふわっと表示されます。

f:id:takunology:20210627053625g:plain

参考リンク

github.com

blogs.windows.com

microsoft.github.io