如何使用 View Model 实现代码隐藏功能？

Question

仅供参考，我在 S.O 中找到了类似的 question，但它的答案附有一个断开的链接。这对我没有帮助。

这就是我所拥有的。

然后：

我的视图中有一个 StackPanel。使用代码隐藏，在它的点击事件中，我编写了一个用于执行特定任务的函数。

<StackPanel x:Name="spnl" Tapped="spnl_Tapped" >
   <Grid>
      <Grid.RowDefinitions>
          <RowDefinition Height="*"/>
          <RowDefinition Height="Auto"/>
      </Grid.RowDefinitions>
     <Image  Source="{Binding imgImage}"/>
     <TextBlock Grid.Row="1" Text="{Binding Title}"/>
  </Grid>
</StackPanel>

现在：

我的视图中有一个 StackPanel。我已经在我的 ViewModel 中编写了一个类。

 public class ClassIWroteinViewModel: ViewModelBase
    {   
        public ImageSource imgImage { get; set; }
        public string Title { get; set; }      
        private async void spnl_Tapped()
        {
           IReadOnlyList<IStorageItem> PicturesLibrary = await KnownFolders.PicturesLibrary.GetFoldersAsync();                
        }
    }

我的问题是如何实现这个 spnl_Tapped()？？

Answer 1

您应该考虑使用 Behaviors SDK 在触发事件时调用方法。添加对 Behaviors SDK 的引用（来自扩展），然后将这些引用添加到 XAML 页面。

xmlns:Interactions="using:Microsoft.Xaml.Interactions"
xmlns:Core="using:Microsoft.Xaml.Interactions.Core"
xmlns:Interactivity="using:Microsoft.Xaml.Interactivity"

你可以在EventTriggerBehavior上使用CallMethodAction调用viewmodel方法

<StackPanel>
  <Grid>
     <Grid.RowDefinitions>
      <RowDefinition Height="*"/>
      <RowDefinition Height="Auto"/>
  </Grid.RowDefinitions>
 <Image  Source="{Binding imgImage}"/>
 <TextBlock Grid.Row="1" Text="{Binding Title}"/>
 </Grid>
     <Interactivity:Interaction.Behaviors>
         <Core:EventTriggerBehavior EventName="Tapped">
                <Core:CallMethodAction MethodName="spnl_tapped"/>
            </Core:EventTriggerBehavior>
        </Interactivity:Interaction.Behaviors>
</StackPanel>

编辑：还有另一种方法。在视图模型中有一个带有spnl_tapped 委托的命令。

public class ClassIWroteInViewModel:ViewModelBase{

       public RelayCommand TapCommand
       {
             get;
             private set;
       }

       public ClassIWroteInViewModel()
       {
             TapCommand=new RelayCommand(spnl_Tapped);//delegate to spnl_tapped viewmodel method
       }

       public ImageSource imgImage { get; set; }
       public string Title { get; set; }      

       private async void spnl_Tapped()
      {
             IReadOnlyList<IStorageItem> PicturesLibrary = await KnownFolders.PicturesLibrary.GetFoldersAsync();                
      }

 }

现在在代码隐藏中..

private void spnl_Tapped(object sender, TappedRoutedEventArgs e)
{
     var vm=this.DataContext as ClassIWroteInViewModel; //get the view model
     vm.TapCommand.Execute(null);//execute the command
}