WinUI3アプリの開発環境を整える

ちょっとまえに手を付け始めてほったらかしていたので、開発環境の準備から初めてみる。

Fluent Designのメモ

開発環境の準備

基本的にはMicrosoftのサイトを参考にVisual Studioの環境を整えればOK。

が、Microsoftのサイトって日本語がびみょう（機械翻訳？）なので、ポイントだけまとめると。。。

Visual Studioのオプションで以下の項目を設定する。以下、Visual Studio 2022の設定例。

「ワークロード」タブで、ユニバーサルWindowsプラットフォーム開発の項目を設定する。

続いて、.NETデスクトップ開発の設定。

C++の設定。（これはC#だけなら不要かも？）

「個々のコンポーネント」タブで、SDKの設定をする。

項目数が多いので、検索ボックスに”Windows 10 SDK”を入力して絞り込むと指定しやすい。

図ではMicrosoftのサイトの指定通りにSDKを選んでいるけど、もっと新しいのでも良さそうだけど、そこは自己責任で。

そして最後は、ウィザード形式のテンプレートをインストールする。

リンク先でダウンロード、インストールすればOK。

開発環境の準備が整ったら、次ぎはプロジェクトを作成する。

C#、Winodws,WinUIを選択。「Template Studio for WinUI」を選んで「次へ」

プロジェクト名、場所を指定して、「作成」をクリック。

プロジェクトの種類を選択する。この例では「Navigation Pane」を選んで、「作成」をクリック。

デザインパターンの選択。ここはMVVM一択なので、そのまま「作成」をクリック。

NavigationViewに追加するページの指定。この例では全部追加して、「次へ」をクリックする。

プロジェクトの準備が整ったら、ビルドして起動。特になにもコードは追加しなくても、NavigationViewを使ったアプリが出来上がる。

ウィザードで、あっさりアプリの雛形ができあがる。シンプルなアプリなら、これを拡張すれば簡単に実装できそう。

画面のUIは、いわゆるFluent designですっきりしたデザインで見やすい。

.net frameworkアプリに比べると、ビルドに時間がかかるのが難点かな？

初回ビルドでエラーになるので、その対策。

WinUI3アプリのビルドでエラー

以下の環境で動作を確認しています。
Windows11 Pro(64bit, 21H2)
Visual Studio Professional 2022(17.1.6)
ターゲットフレームワーク：.NET 6
ターゲットOS：10.0.19041.0