.NET MAUI中ActivityIndicator运行时如何禁用页面用户交互？

核心问题分析 #

你用透明BoxView覆盖页面但仍能交互，本质原因是默认透明的BoxView会将触摸事件透传给下层控件，没有起到拦截交互的作用，需要明确配置属性让它拦截所有用户操作。

正确实现方案 #

步骤1：修改XAML中的BoxView配置 #

调整BoxView的关键属性，确保它能拦截触摸事件，同时可添加半透明背景提升用户感知（可选）：

<BoxView x:Name="bxView"
         AbsoluteLayout.LayoutFlags="All" 
         AbsoluteLayout.LayoutBounds="0,0,1,1" 
         BackgroundColor="#80000000" <!-- 半透明黑色，增强加载状态的视觉提示 -->
         InputTransparent="False" <!-- 核心配置：禁止触摸穿透，拦截所有点击操作 -->
         IsVisible="False" /> <!-- 默认隐藏，加载时再显示 -->

步骤2：优化后台控制逻辑 #

在异步操作过程中，确保加载状态的显示和隐藏逻辑可靠，避免UI异常：

// 开启加载状态
bxView.IsVisible = true;
activity.IsRunning = true;

try
{
    // 模拟异步任务，实际场景替换为你的业务逻辑（如API请求、数据处理）
    await Task.Delay(10000);
}
finally
{
    // 无论任务成功或失败，都关闭加载状态
    bxView.IsVisible = false;
    activity.IsRunning = false;
}

进阶优化：用绑定简化逻辑 #

通过绑定ActivityIndicator的IsRunning属性，可自动同步BoxView的可见性，减少代码冗余：

1. XAML中添加绑定：

<BoxView x:Name="bxView"
         AbsoluteLayout.LayoutFlags="All" 
         AbsoluteLayout.LayoutBounds="0,0,1,1" 
         BackgroundColor="#80000000"
         InputTransparent="False"
         IsVisible="{Binding Source={x:Reference activity}, Path=IsRunning}" />

2. 后台代码只需控制ActivityIndicator：

activity.IsRunning = true;
try
{
    await Task.Delay(10000);
}
finally
{
    activity.IsRunning = false;
}

关键注意事项 #

• InputTransparent="False"：这是阻止触摸穿透的核心，必须设置，否则透明BoxView不会拦截点击事件。
• 层级顺序：在AbsoluteLayout中，后声明的元素层级更高，确保BoxView在业务内容布局之后声明，保证能覆盖整个页面。
• 半透明背景：虽非强制要求，但能让用户清晰感知页面处于加载状态，提升交互体验。

内容的提问来源于stack exchange，提问作者Ali Alfaraj