.NET MAUI自定义Popup如何复用Alert的OK/Cancel按钮样式？

• 直接复刻系统Alert按钮样式
  .NET MAUI的原生Alert按钮样式是平台专属的，你可以通过自定义Button的Style来匹配不同平台的视觉效果：

  <Style x:Key="AlertButtonStyle" TargetType="Button">
      <Setter Property="FontSize" Value="16" />
      <!-- 匹配iOS/Android的Alert按钮文字色 -->
      <Setter Property="TextColor">
          <OnPlatform x:TypeArguments="Color">
              <On Platform="iOS" Value="#007AFF" />
              <On Platform="Android" Value="#1976D2" />
          </OnPlatform>
      </Setter>
      <!-- 按压状态效果 -->
      <Setter Property="VisualStateManager.VisualStateGroups">
          <VisualStateGroupList>
              <VisualStateGroup x:Name="CommonStates">
                  <VisualState x:Name="Pressed">
                      <VisualState.Setters>
                          <Setter Property="BackgroundColor">
                              <OnPlatform x:TypeArguments="Color">
                                  <On Platform="iOS" Value="#F2F2F7" />
                                  <On Platform="Android" Value="#E0E0E0" />
                              </OnPlatform>
                          </Setter>
                      </VisualState.Setters>
                  </VisualState>
              </VisualStateGroup>
          </VisualStateGroupList>
      </Setter>
      <!-- 内边距适配 -->
      <Setter Property="Padding">
          <OnPlatform x:TypeArguments="Thickness">
              <On Platform="iOS" Value="16, 8" />
              <On Platform="Android" Value="20, 10" />
          </OnPlatform>
      </Setter>
      <Setter Property="BackgroundColor" Value="Transparent" />
  </Style>
  

  把这个Style加到App.xaml或者Popup的资源里，然后给你的按钮应用：

  <StackPanel Orientation="Horizontal" HorizontalOptions="End">
      <Button Text="Cancel" Style="{StaticResource AlertButtonStyle}" Clicked="Cancel_Clicked" />
      <Button Text="OK" Style="{StaticResource AlertButtonStyle}" Clicked="Ok_Clicked" Margin="16,0,0,0" />
  </StackPanel>
  

• 直接用系统原生Alert替代自定义Popup
  如果不想折腾样式，完全可以直接调用系统的Alert或ActionSheet来实现类似Picker的选择逻辑，比如：

  var selectedOption = await Application.Current.MainPage.DisplayActionSheet("请选择", "取消", "确定", "选项A", "选项B", "选项C");
  if (selectedOption == "确定")
  {
      // 处理确认操作
  }
  else if (selectedOption != "取消")
  {
      // 用户选中了某个选项，执行对应逻辑
  }
  

  这种方式直接复用系统原生的按钮样式，不用自己写任何样式代码。

• 借助MAUI Community Toolkit简化开发
  如果你用MAUI Community Toolkit的Popup组件，它内置了接近原生Alert的样式模板，你可以直接修改模板中的按钮样式，或者直接使用它提供的AlertPopup控件，快速实现带标准OK/Cancel按钮的弹窗。

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