[NET MAUI][Popup] アラートを表示する

.NET MAUI TIPS .NET MAUI
.NET MAUI TIPS
スポンサーリンク

本記事の概要

アラートとは、.NETアプリでいうところのメッセージボックスやメッセージダイアログ、iOS でいうAlert、Android でいう AlertDialog に相当するものです。

この記事では アラートを表示する方法について説明します。

公式サイト情報はコチラを参照してください。

アラートを表示する例

アラートを表示する例

2つのボタンを表示するアラートの例

2つのボタンを表示するアラートの例

アラート表示の基本

アラートを表示するには、DisplayAlert メソッドを使用します。書式は次の通りです。

await DisplayAlert("タイトル","メッセージ","アラートを閉じるボタンのテキスト")だ

第1引数はアラートに表示するタイトル文字列を、第2引数にはメッセージを、第3引数はアラートを閉じるときに使用するボタンのテキストを指定します。

アラート表示のサンプル

以下の例では、[Show Alert] ボタンをクリックすると、タイトルが「タイトル」、メッセージが「メッセージ」、閉じるボタンのテキストが「OK」というアラートを表示する例です。

XAML の例

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiAppSample.MainPage">

    <ScrollView>
        <VerticalStackLayout 
            Spacing="25" 
            Padding="30,0" 
            VerticalOptions="Center">

            <Button Text="Show alert" Clicked="Button_Clicked" />

        </VerticalStackLayout>
    </ScrollView>

</ContentPage>

C# の例

private async void Button_Clicked(object sender, EventArgs e)
{
    await DisplayAlert("タイトル", "メッセージ", "OK");
}
アラートを表示する例

アラートを表示する例

2つのボタンを持つアラートを表示する

2つのボタン(例えば、Yes と Noのような)アラートを表示するには、先ほど同様に DisplayAlert メソッドを使用しますが、第3引数に1つ目のボタンのテキスト、第4引数に2つ目のボタンのテキストを指定します。ボタンをクリックすると 戻り値として bool 型の値が返されますい(第1ボタンが押されると true )。 書式は次の通りです。

bool = await DisplayAlert("タイトル","メッセージ","第1ボタンテキスト","第2ボタンテキスト")

2つのボタンを持つアラート表示のサンプル

以下の例では、[Show Alert] ボタンをクリックすると、タイトルが「タイトル」、メッセージが「メッセージ」、ボタンは「Yes」と「No」の2つを表示するアラートの例です。

「Yes」がクリックされたときは True を、「No」がクリックされたときは False を返します。
XAML の例

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiAppSample.MainPage">

    <ScrollView>
        <VerticalStackLayout 
            Spacing="25" 
            Padding="30,0" 
            VerticalOptions="Center">

            <Button Text="Show alert" Clicked="Button_Clicked" />

        </VerticalStackLayout>
    </ScrollView>

</ContentPage>

C# の例

private async void Button_Clicked(object sender, EventArgs e)
{
    bool ans = await DisplayAlert("タイトル", "メッセージ", "Yes", "No");

    Debug.WriteLine($"{ans}");
}
2つのボタンを表示するアラートの例

2つのボタンを表示するアラートの例

.NET MAUI Tips

本サイトでまとめている .NET MAUI Tips の一覧はこちらから確認できます。

Please follow and like us:

コメント

タイトルとURLをコピーしました