如何在Xamarin Forms中自定义Acr.UserDialogs的确定/取消按钮

嘿，作为从原生iOS转过来的Xamarin Forms新手，你遇到的自定义Acr.UserDialogs按钮样式和显隐的问题，我之前也踩过类似的坑，结合你的原生开发经验，给你几个实用的解决方案：

Acr.UserDialogs本身提供了基础配置，但要实现精细的原生样式定制，咱们可以利用自定义渲染器或者直接结合iOS原生UIKit API来操作——毕竟你有原生开发基础，上手会很快：

1. 全局统一配置（简单场景） #

如果想给所有弹窗设置统一的基础样式，可以在iOS项目的AppDelegate初始化时配置：

UserDialogs.Init(() => new UIViewController());
// 配置全局按钮文字色等基础属性
var globalConfig = new DialogConfig();
globalConfig.PositiveTextColor = UIColor.FromRGB(0, 122, 255);
globalConfig.NegativeTextColor = UIColor.LightGray;

不过全局配置能修改的属性有限，要实现背景色、Frame调整这类精细控制，还是得用自定义渲染器。

2. 自定义AlertDialog渲染器（精细控制） #

创建一个继承自Acr.UserDialogs原生渲染器的自定义类，重写方法来修改原生按钮的样式：

[assembly: ExportRenderer(typeof(AlertDialog), typeof(CustomAlertDialogRenderer))]
namespace YourApp.iOS.Renderers
{
    public class CustomAlertDialogRenderer : AlertDialogRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<AlertDialog> e)
        {
            base.OnElementChanged(e);
            if (Control != null && e.NewElement != null)
            {
                var alertController = Control as UIAlertController;
                if (alertController != null)
                {
                    foreach (var action in alertController.Actions)
                    {
                        // 给确定按钮设置背景色
                        if (action.Style == UIAlertActionStyle.Default)
                        {
                            action.SetValueForKey(UIColor.Green.CGColor, new NSString("backgroundColor"));
                            // 找到按钮控件，调整Frame和对齐方式
                            var btn = alertController.View.Subviews.FirstOrDefault(v => v is UIButton && ((UIButton)v).TitleLabel.Text == action.Title) as UIButton;
                            if (btn != null)
                            {
                                btn.Frame = new CGRect(20, btn.Frame.Y, alertController.View.Frame.Width - 40, 44);
                                btn.ContentHorizontalAlignment = UIControlContentHorizontalAlignment.Left;
                            }
                        }
                        // 给取消按钮设置样式
                        else if (action.Style == UIAlertActionStyle.Cancel)
                        {
                            action.SetValueForKey(UIColor.LightGray.CGColor, new NSString("backgroundColor"));
                        }
                    }
                }
            }
        }
    }
}

小提醒：直接修改UIAlertController的子控件可能会随iOS版本更新出现兼容问题，但大多数场景下是稳定的；如果担心审核，也可以用更稳妥的原生自定义弹窗替代（后面会提到）。

3. ActionSheet操作表的自定义 #

操作表的样式定制逻辑和Alert类似，创建自定义渲染器即可：

[assembly: ExportRenderer(typeof(ActionSheetDialog), typeof(CustomActionSheetRenderer))]
namespace YourApp.iOS.Renderers
{
    public class CustomActionSheetRenderer : ActionSheetRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<ActionSheetDialog> e)
        {
            base.OnElementChanged(e);
            if (Control != null && e.NewElement != null)
            {
                var actionSheet = Control as UIAlertController;
                if (actionSheet != null)
                {
                    foreach (var action in actionSheet.Actions)
                    {
                        if (action.Title == "删除")
                        {
                            // 给删除按钮设置红色背景
                            action.SetValueForKey(UIColor.Red.CGColor, new NSString("backgroundColor"));
                        }
                    }
                }
            }
        }
    }
}

这个其实不需要复杂的定制，调用弹窗时动态判断是否添加对应按钮即可：

1. AlertDialog的按钮显隐 #

var dialogConfig = new AlertConfig()
{
    Title = "提示",
    Message = "这是动态控制按钮的弹窗"
};

// 根据业务条件决定是否显示确定按钮
if (NeedShowOkButton())
{
    dialogConfig.OkText = "确定";
    dialogConfig.OnOk = () => { /* 确定按钮逻辑 */ };
}

// 根据业务条件决定是否显示取消按钮
if (NeedShowCancelButton())
{
    dialogConfig.CancelText = "取消";
    dialogConfig.OnCancel = () => { /* 取消按钮逻辑 */ };
}

UserDialogs.Instance.Alert(dialogConfig);

2. ActionSheet操作表的按钮显隐 #

var actionSheetConfig = new ActionSheetConfig()
{
    Title = "请选择操作"
};

// 动态添加操作按钮
if (NeedShowEditButton())
{
    actionSheetConfig.Add("编辑", () => { /* 编辑逻辑 */ });
}

if (NeedShowDeleteButton())
{
    actionSheetConfig.Add("删除", () => { /* 删除逻辑 */ }, ActionSheetStyle.Destructive);
}

// 动态控制取消按钮
if (NeedShowCancelButton())
{
    actionSheetConfig.Cancel = new ActionSheetOption("取消", () => { });
}

UserDialogs.Instance.ActionSheet(actionSheetConfig);

因为你有原生iOS开发经验，其实可以直接在Xamarin Forms里调用原生UIAlertController，完全按照你熟悉的方式实现高度自定义，不受组件限制：

Device.BeginInvokeOnMainThread(() =>
{
    var alert = UIAlertController.Create("自定义弹窗", "完全原生控制的样式", UIAlertControllerStyle.Alert);
    var okAction = UIAlertAction.Create("确定", UIAlertActionStyle.Default, (action) => { });
    // 自定义按钮背景色
    okAction.SetValueForKey(UIColor.Blue.CGColor, new NSString("backgroundColor"));
    alert.AddAction(okAction);
    
    // 获取当前显示的ViewController
    var currentVC = UIApplication.SharedApplication.KeyWindow.RootViewController;
    while (currentVC.PresentedViewController != null)
    {
        currentVC = currentVC.PresentedViewController;
    }
    currentVC.PresentViewController(alert, true, null);
});

内容的提问来源于stack exchange，提问作者Srikanth venigalla