【.NET MAUI】CommunityToolkit.Mauiの紹介（アプリ開発をサポートするライブラリ）

当ページのリンクには広告が含まれています。

URLをコピーしました！

.NET MAUI Community Toolkit て何だろう？

.NET MAUI Community Toolkit とは、.NET MAUI でアプリ開発する上で非常に便利な機能が詰まったライブラリです。Nuget でインストールすることができ、CommunityToolkit.Maui という名前で提供されています。

このライブラリでサポートされている機能を活用することにより、アプリ開発を効率よく進めることができます。

.NET MAUI では非常に重要なライブラリなので、ぜひ参考にしてみてください。

オススメの参考書

丁寧に解説された1冊。リリースされて間もない.NET MAUI の基礎が学べるので、これから Android や iOS などをターゲットとして開発するなら非常に参考になる書籍です。

.NET MAUIによるマルチプラットフォームアプリ開発 iOS、Android、Windows、macOS対応アプリをC#で開発

Amazon

楽天市場

Yahooショッピング

ポチップ

記事の内容

CommunityToolkit.Mauiについて

.NET MAUI で使用できる CommunityToolkit は2種類あり、そのうちの１つが「CommunityToolkit.Maui」です。

CommunityToolkit.Maui は、.NET MAUI でアプリ開発する時に役立つことを１つにまとめたライブラリです。アニメーション、ビヘイビア、コンバーター、オリジナルのコントロールなど、.NET MAUI を使用したアプリ開発で使う機能がサポートされています。

＼公式サイト／

CommunityToolkit.Maui

ライブラリのインストール

CommunityToolkit.Maui は NuGet からインストールすることができます。

次の手順でプロジェクトへインストールしましょう。

STEP

プロジェクトを開く

お使いのパソコンにインストールされている Visual Studio 2022 で、プロジェクトを開きます。

統合開発環境である Visual Studio のインストールがまだの方は、次の記事を参考にしてインストールします。

あわせて読みたい

【C#】Visual Studio 2022をインストールする手順を紹介 C# でアプリ開発をするには『Visual Studio』を使うのが一般的です。 Visual Studio は Microsoft 社が提供する統合開発環境で、プログラミングする時に必要となるツー…

STEP

NuGet パッケージの管理を開く

メニューバーから [ツール] -> [NuGet パッケージマネージャー] -> [ソリューションの NuGet パッケージの管理] の順に選択します。

STEP

CommunityToolkit.Mauiをインストールする

検索欄に「CommunityToolkit.Maui」を入力して、検索結果の一覧から「CommunityToolkit.Maui」をインストールします。(2023年5月現在、バージョンは5.1.0)

STEP

ライセンス条項に同意する

ライセンスへの同意を求める画面が表示されるので、内容を確認して [I Accept] ボタンをクリックします。

STEP

インストールを確認する

インストールが完了すると、ReadMe.txt が表示されます。このファイルにはライブラリの使い方が記載されています。

ReadMe.txt は閉じても特に問題はありません。

ライブラリの初期設定

CommunityToolkit.Maui を使うための設定があります。

設定は簡単にできますので、次の手順でライブラリの初期設定をしましょう。

STEP

名前空間の参照先を追加する

MainProgram.cs を開いて、ファイルの先頭に using ステートメントを追加します。

using CommunityToolkit.Maui;

STEP

初期化処理を追加する

続いて、スタートアップ処理に CommunityToolkit.Maui の初期化処理を追加します。（下記コードの8行目に追加）

public static class MauiProgram
{
    public static MauiApp CreateMauiApp()
    {
        var builder = MauiApp.CreateBuilder();
        builder
            .UseMauiApp<App>()
            .UseMauiCommunityToolkit()
            .ConfigureFonts(fonts =>
            {
                fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
            });

        return builder.Build();
    }
}

これでライブラリを使う準備が整いました。

CommunityToolkit.Mauiの機能紹介

ここからは、アニメーション、ビヘイビア、コンバーター、ビューなど、ツールキットで使える機能について紹介します。

ここ紹介する機能

アニメーション（Animations）
ビヘイビア（Behaviors）
コンバーター（Converters）
ビュー（Views）

アニメーション

アニメーション（Animations）は、ビジュアル要素に対して動きを追加するために使用されます。アニメーションを追加することでユーザーエクスペリエンスを向上させることが期待できます。

例えば、UI コントロールの不透明度を一時的に変更して元に戻すまでの一連の動作をアニメーションで表示することができます。他にも Button がタップまたはクリックされた時に、Button が押し込まれる動作をするアニメーションも実現できます。

次の記事では、Button にアニメーションを追加する方法を解説をしています。

あわせて読みたい

【.NET MAUI】Buttonにアニメーションを付けて表示をカスタマイズする Button のアニメーションをカスタマイズしたい Button のアニメーションをカスタマイズしたいと思っている方に向けて、アニメーションをカスタマイズする方法を紹介しま…

ビヘイビア

ビヘイビア（Behaviors）は、UI コントロールに機能を追加するために使用されます。

例えば、Command プロパティをサポートしていないコントロールに対して、Behavior を介して Event を Command で実装できる機能を提供することができます。具体的には EventToCommandBehavior クラスを使い、コントロールの任意の Event を Command にマップします。

次の記事では、EventToCommandBehavior を使ってイベントをコマンドで呼び出す方法を紹介しています。

あわせて読みたい

【.NET MAUI】Behaviorでイベントをコマンドで呼び出す（MVVM）今回は、Command プロパティを持っていないコントロールに対して、コマンドを実装する方法を紹介します。 Command プロパティを持っている代表的なコントロールとして B…

コンバーター

コンバーター（Converters）は、データバインディングのソースとターゲットの間で値を変換するために使用されます。

例えば、ソースからターゲットへ数値を文字列に変換したり、ターゲットからソースへ文字列を数値に変換したりできます。

次の記事では、Converterの使い方とライブラリが提供するコンバーターの種類とその説明をしています。

あわせて読みたい

【.NET MAUI】コンバーターを使ってデータを変換する（.NET MAUI Community Toolkit） Converterて何？ Converter とは .NET MAUI や WPF など XAML を使う UI フレームワークで、データバインディングを使用してデータを表示する際に、データの変換をした…