NET MAUIでモバイルアプリを作成する-Get Start

1. IDEのダウンロードインストール

Visual Studio 2022 Previewをまだインストールしていない場合

你可以点击下载

在安装过程中，应选择.NET 跨平台应用程序 UI 开发，如下图所示：

Visual Studio 2022 Previewのインストール

如果您已经拥有 Visual Studio 2022 预览版，则可以更新以添加 .NET MAUI 支持。

2）アプリケーションの作成

Visual Studio 2022 Previewを開きます。
新規プロジェクトの作成ボタンを選択します。
“プロジェクトタイプ”ドロップダウンリストから“MAUI”を選択します。
NET MAUI Appテンプレートを選択し、次へボタンを選択します。

输入MyFirstMauiApp作为项目名称并选择Create按钮。

NuGetパッケージを復元する

NuGetがアプリケーションの依存関係を自動的に復元し、画面左下のステータスバーに“復元済み”または“準備済み”メッセージが表示されるまで待ちます。

3.アプリケーションの運用

このチュートリアルでは、. NET MAUIアプリケーションをローカルのWindowsマシンにデプロイすることに焦点を当てます。その後、Androidデバイスまたはエミュレータを設定するオプションがあります。

开発用のWindowsの

Windowsアプリケーションを開発するには、開発者モードを有効にして、Windows 11またはWindows 10の横にアプリケーションをロードする必要があります。

** 開発者モードを使用 **

Windowsでは、[設定]アプリケーションに移動します。
Windows 11のプライバシーとセキュリティ、Windows 10のアップデートとセキュリティで開発者設定を検索します。
開発者モードのスイッチをオンにします。

開発者機能の使用ダイアログが表示されます。[はい]を選択して、開発者モードを有効にすることを確認します。

Windows 上での実行

これで、. NET MAUIアプリケーションを実行してWindowsにデプロイする準備が整いました。ツールバーでは、デフォルトでWindowsマシンがデバッグ対象として扱われます。

选择“调试” > “开始调试F5”（或按）

4.コード編集

NET MAUI開発では、デバッグ時にXAMLホットオーバーロードを使用できます。つまり、実行時にXAMLユーザーインターフェイスを変更でき、UIが自動的に更新されます。

在解决方案资源管理器中，双击项目 MainPage.xaml 下的文件 MyFirstMauiApp。

現在、Textの最初のLabelはHello World!以下のコードのように：

<Label
    Text="Hello, World!"
    SemanticProperties.HeadingLevel="Level1"
    FontSize="32"
    HorizontalOptions="Center" >

テキストをHello. NET MAUI!に更新するには、次の手順に従います。

<Label
    Text="Hello, .NET MAUI!"
    SemanticProperties.HeadingLevel="Level1"
    FontSize="32"
    HorizontalOptions="Center" >

UIが自動的にPowerPathを更新

NET MAUIを使用して開発する場合、. NET Hot Reloadを使用してC#コードをリロードすることもできます。プログラムのロジックを変更して、カウントを1ではなく10増加させます。

打开 MainPage.xaml.cs（此文件嵌套在 MainPage.xaml 下，或者您可以右键单击并从菜单中选择查看代码）。

このOnCounterClickedファイルのメソッドには、現在次のコードがあります。

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);
}

count++;をに変更して10増加するcount += 10;

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

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

    SemanticScreenReader.Announce(CounterBtn.Text);
}

コードの変更を適用するには、Visual Studioでホット·オーバーロード·ボタンを選択するか、ALT+ F 10を選択します。