UWP：将Frame内页面CommandBar按钮事件移至MainPage并传递参数

我来给你几个实用的解决方案，都是UWP开发中常用的页面间通信方案，完全适配你现在的场景：

方案1：自定义事件传递选中ID（最直接的代码方式） #

这种方式不需要依赖框架，纯代码实现，适合快速解决问题：

1. 在Frame加载的页面中定义自定义事件
   在你的子页面（比如DetailPage）里定义一个事件，当选中对象变化时触发：

   public event EventHandler<Guid> SelectedItemIdChanged; // 假设ID是Guid类型，可替换为你的实际类型
   
   // 当页面内选中对象变化时，调用此方法触发事件
   private void OnSelectedItemChanged(Guid itemId)
   {
       SelectedItemIdChanged?.Invoke(this, itemId);
   }
   

2. 在MainPage中订阅事件并保存ID
   在MainPage里，监听Frame的Navigated事件，拿到当前子页面并订阅事件：

   private Guid _currentSelectedItemId;
   private Page _previousPage;
   
   public MainPage()
   {
       this.InitializeComponent();
       MyFrame.Navigated += MyFrame_Navigated;
   }
   
   private void MyFrame_Navigated(object sender, NavigationEventArgs e)
   {
       // 移除之前页面的事件订阅，避免内存泄漏
       if (_previousPage is DetailPage oldPage)
       {
           oldPage.SelectedItemIdChanged -= DetailPage_SelectedItemIdChanged;
       }
   
       // 订阅当前页面的事件
       if (e.Content is DetailPage newPage)
       {
           newPage.SelectedItemIdChanged += DetailPage_SelectedItemIdChanged;
           _previousPage = newPage;
           // 初始化按钮可见性
           DeleteButton.Visibility = newPage.HasSelectedItem() ? Visibility.Visible : Visibility.Collapsed;
       }
   }
   
   private void DetailPage_SelectedItemIdChanged(object sender, Guid e)
   {
       _currentSelectedItemId = e;
       DeleteButton.Visibility = Visibility.Visible;
   }
   

3. 按钮点击时使用ID执行删除
   在MainPage的删除按钮点击事件里，直接用保存的ID操作数据库：

   private async void DeleteButton_Click(object sender, RoutedEventArgs e)
   {
       if (_currentSelectedItemId != Guid.Empty)
       {
           // 调用你的数据库删除逻辑
           await MyDatabaseService.DeleteItemAsync(_currentSelectedItemId);
           // 删除后可刷新子页面或导航回列表页
           MyFrame.Navigate(typeof(ListPage));
       }
   }
   

方案2：共享ViewModel（MVVM模式推荐） #

如果你的项目已经采用MVVM开发，这个方案更优雅，不需要写太多事件订阅代码：

1. 创建共享的ViewModel
   定义一个全局或可共享的ViewModel，包含选中ID和删除命令：

   public class SharedViewModel : ObservableObject // 假设使用CommunityToolkit.Mvvm的ObservableObject
   {
       private Guid _selectedItemId;
       public Guid SelectedItemId
       {
           get => _selectedItemId;
           set => SetProperty(ref _selectedItemId, value);
       }
   
       public IAsyncRelayCommand DeleteCommand { get; }
   
       public SharedViewModel()
       {
           DeleteCommand = new AsyncRelayCommand(ExecuteDelete);
       }
   
       private async Task ExecuteDelete()
       {
           if (SelectedItemId != Guid.Empty)
           {
               await MyDatabaseService.DeleteItemAsync(SelectedItemId);
               // 可在此通知页面刷新
           }
       }
   }
   

2. 在App.xaml中注册为单例

   <Application.Resources>
       <local:SharedViewModel x:Key="SharedViewModel"/>
   </Application.Resources>
   

3. 子页面绑定SelectedItemId
   在子页面的代码中，更新ViewModel的选中ID：

   private readonly SharedViewModel _viewModel;
   
   public DetailPage()
   {
       InitializeComponent();
       _viewModel = (SharedViewModel)Application.Current.Resources["SharedViewModel"];
   }
   
   // 当选中对象变化时，更新ViewModel的SelectedItemId
   private void OnItemSelected(Item selectedItem)
   {
       _viewModel.SelectedItemId = selectedItem.Id;
   }
   

4. MainPage的按钮绑定命令
   直接在MainPage的XAML中绑定ViewModel的DeleteCommand，同时控制可见性：

   <CommandBar>
       <AppBarButton x:Name="DeleteButton"
                     Icon="Delete"
                     Label="删除"
                     Command="{Binding Source={StaticResource SharedViewModel}, Path=DeleteCommand}"
                     Visibility="{Binding Source={StaticResource SharedViewModel}, Path=SelectedItemId, Converter={StaticResource EmptyGuidToVisibilityConverter}}"/>
   </CommandBar>
   

   这里需要一个自定义转换器EmptyGuidToVisibilityConverter，将空ID转为Collapsed，非空转为Visible。

方案3：通过接口获取ID（轻量级解耦方式） #

这种方式适合不想用事件和MVVM的场景，通过接口实现页面间的契约：

1. 定义接口

   public interface IHasSelectedItem
   {
       Guid GetSelectedItemId();
       bool HasSelectedItem();
   }
   

2. 子页面实现接口

   public class DetailPage : Page, IHasSelectedItem
   {
       private Item _selectedItem;
   
       public Guid GetSelectedItemId()
       {
           return _selectedItem?.Id ?? Guid.Empty;
       }
   
       public bool HasSelectedItem()
       {
           return _selectedItem != null;
       }
   }
   

3. MainPage按钮点击时获取ID
   在删除按钮点击事件里，直接从当前页面获取ID：

   private async void DeleteButton_Click(object sender, RoutedEventArgs e)
   {
       if (MyFrame.Content is IHasSelectedItem pageWithSelectedItem)
       {
           if (pageWithSelectedItem.HasSelectedItem())
           {
               var itemId = pageWithSelectedItem.GetSelectedItemId();
               await MyDatabaseService.DeleteItemAsync(itemId);
               // 后续处理逻辑，比如刷新页面
           }
       }
   }
   

   你还可以在Frame的Navigated事件里，根据HasSelectedItem()的返回值控制按钮的可见性。

这几个方案都能解决你的问题，你可以根据项目的现有架构选择最适合的。如果之前考虑用OnNavigatedTo这类方法，方案1和方案3都可以结合OnNavigatedTo来初始化按钮状态，比如在MainPage的OnNavigatedTo里检查当前Frame页面是否有选中项，更新按钮可见性。

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