.NET MAUIとは

.NET Multi-Platform App UI (.NET MAUI) は、C# と XAML を使用して、ネイティブのモバイルアプリやデスクトップアプリを作成するためのクロスプラットフォームフレームワークです。

開発環境

Windows 11
※Windowsの開発者モードを有効にする必要あり
Visual Studio 2022 17.3 (Preview)

取り急ぎWindowsアプリだけ動けばよいので、Android SDKは入れてません。
※ iOS／Macアプリには開発環境としてMacが必要です。

Visual Studio 2022 17.3 (Preview) をインストール

ここからダウンロードして、Visual Studio Installerを起動する。

「.NET Multi-platform App UI development」を選択された状態でインストール開始する。

MAUIプロジェクトの新規作成

インストールが完了するとVisual Studioが起動します。

[新しいプロジェクトの作成]をクリックする。

「.NET MAUI アプリ」を選択して[次へ]をクリックする。

プロジェクトの名前を入力して[作成]をクリックする。

とりあえずHallo, World!

.csprojファイルを編集して、ビルド対象をWindowsアプリだけに変更する。
TizenやLinuxもサポートされるようです。


<!-- TargetFrameworksをnet6.0-Windowsだけにする。
<TargetFrameworks>net6.0-android;net6.0-ios;net6.0-maccatalyst</TargetFrameworks>
-->
<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net6.0-windows10.0.19041.0</TargetFrameworks>
<!-- <TargetFrameworks>$(TargetFrameworks);net6.0-tizen</TargetFrameworks> -->

そのままビルドすると配置を有効にしろと怒られるので、有効にする。

アプリを実行してみる。

プロジェクトの中身

構成

プラットフォームごとのフォルダがあり、専用の処理やリソースを配置できます。

メインページのXAML

XAML デザイナー(XAMLのプレビュー表示＆GUIでの編集)がないみたいですが、リリース版では対応されるでしょう。

メインページのコード

namespace MauiAppDemo;

public partial class MainPage : ContentPage
{
	int count = 0;

	public MainPage()
	{
		InitializeComponent();
	}

	private void OnCounterClicked(object sender, EventArgs e)
	{
		count++;

		if (count == 1)
			CounterBtn.Text = $"Clicked {count} time";
		else
			CounterBtn.Text = $"Clicked {count} times";

		SemanticScreenReader.Announce(CounterBtn.Text);
	}
}

※SemanticScreenReader.Announceは音声読み上げだそうです。

参考