DisplayAlertの背景色を変更したい

前提・実現したいこと

複数あるボタンの一つとDisplayAlert、一部のDisplayAlertの背景色を変えたいです
商品を取り消す処理時に出す、DisplayAlertの背景色をデフォルトの白から薄ピンク色に変えたいです

*SalesDetailData：明細データです。

public async void BtnDetailDelete_Clicked(object sender, EventArgs e)
        {
            if (!((sender as Button).BindingContext is SalesDetailData data)) return;
            
            if (!await DisplayAlert("商品の取り消し", $"選択された{data.ItemName}を取り消しをしますか？", "はい", "いいえ"))
            {
                return;
            }
            else
            {
                await App.GetCurrentPage().DisplayAlert("商品の取り消し", "商品の取り消しが完了しました", "閉じる"); 
            }
            Details.Remove((sender as Button).BindingContext as SalesDetailData);
        }

試していること

AiForms.Dialogsを見ています(ほぼ理解できていません)

f-miyu

2020/05/28 06:17

どのようなことを試したのか具体的に書いていただいてもよろしいですか？

GId

2020/05/28 07:18

このような感じでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

AiForms.Dialogsについては、別の質問で回答があるようなので、こちらでは、前の質問でも出したAcr.UserDialogsを利用した標準のダイアログ(AlertDialog)でのやり方を書いておきます。（ちなみに、DisplayAlertではできません）

前の質問では、styles.xmlに

xml
1<resources>
2    <style name="MainTheme" parent="MainTheme.Base">
3    </style>
4    <!-- Base theme applied no matter what API -->
5    <style name="MainTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
6        ...
7        <item name="alertDialogTheme">@style/MyAlertDialogStyle</item>
8    </style>
9    <style name="MyAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog">
10        <item name="android:background">#FFD9E3</item>
11    </style>
12</resources>

のように、<item name="alertDialogTheme">@style/MyAlertDialogStyle</item>を追加するように書きましたが、これでは、全てのダイアログの色が変わってしまうことになります。Acr.UserDialogsでは、ダイアログごとにstyleのidを渡すことができるので、個別に色を変えることができます。ただ、そのためには、Androidプロジェクトの方から、styleのidを引っ張ってこないといけません。こんな時は、DependencyServiceでやるのがセオリーなのですが、今回の場合は、固定値を取得したいだけなので、Appクラスのコンストラクタで渡してしまうことにします。

共通プロジェクト

C#
1public partial class App : Application
2{
3    public static int DialogStyleId { get; private set; }
4
5    public App(int dialogStyleId = 0)
6    {
7        InitializeComponent();
8
9        DialogStyleId = dialogStyleId;
10
11        MainPage = new MainPage();
12    }
13}

Androidプロジェクト

C#
1public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity
2{
3    protected override void OnCreate(Bundle savedInstanceState)
4    {
5        TabLayoutResource = Resource.Layout.Tabbar;
6        ToolbarResource = Resource.Layout.Toolbar;
7
8        base.OnCreate(savedInstanceState);
9
10        UserDialogs.Init(this);
11
12        global::Xamarin.Forms.Forms.Init(this, savedInstanceState);
13        LoadApplication(new App(Resource.Style.MyAlertDialogStyle));
14    }
15}

このDialogStyleIdを使って以下のようにしてダイアログを表示します。

C#
1await UserDialogs.Instance.ConfirmAsync(new ConfirmConfig()
2{
3    AndroidStyleId = App.DialogStyleId,
4    Title = "商品の取り消し",
5    Message = $"選択された{data.ItemName}を取り消しをしますか？",
6    OkText = "はい",
7    CancelText = "いいえ"
8});

styleを設定すれば、色以外にもいろいろカスタマイズができます。この記事も参考になるかと思います。

投稿2020/05/28 18:40

f-miyu

総合スコア1625

GId

2020/05/29 01:34

重大度レベルコード説明プロジェクトファイル行抑制状態エラー CS0115 'MainActivity.OnCreate(Bundle, Bundle)': オーバーライドする適切なメソッドが見つかりませんでした。 Xamarin.Android C:\Users\~\~\~\~\MainActivity.cs 38 アクティブ重大度レベルコード説明プロジェクトファイル行抑制状態エラー CS0117 'UserDialogs' に 'Init' の定義がありません Xamarin.Android C:\Users\~\~\~\~\MainActivity.cs 56 アクティブの二つのエラーが出てきました

GId

2020/05/29 01:53

protected override void OnCreate(Bundle bundle , Bundle savedInstanceState)←が２つになったかBundleが二つあることが原因だと思っています { ~~*~~ }