在UWP中的flipview上添加按钮

Question

我正在尝试在 Flipview 中添加一个按钮，其中有多个示例视频。该按钮应在鼠标悬停事件期间显示。但我找不到任何方法在鼠标悬停事件期间显示按钮。这可能吗？

我正在尝试在 Flipview 中添加一个按钮，其中有多个示例视频。该按钮应在鼠标悬停事件期间显示。但我找不到任何方法在鼠标悬停事件期间显示按钮。这可能吗？

我尝试捕获鼠标悬停事件而不是创建按钮，但失败了。这是我的翻转视图 实施，

<FlipView x:Name="SampleFlipView" CornerRadius="10"
      Margin="0,5,0,0"
      Width="100"
      Height="200"
      ItemsSource="{x:Bind ViewModel.SampleItems, Mode=OneWay}">

    <FlipView.ItemTemplate>
        <DataTemplate x:DataType="data:SampleItem">
            <MediaElement Source ="{x:Bind ItemSource}" AutoPlay="True" IsLooping="True"/>
        </DataTemplate>
    </FlipView.ItemTemplate>
</FlipView>

Answer 1

建议使用 PointerEntered 事件来处理鼠标悬停，并使用 Visibility 来显示和隐藏按钮。

<MediaElement  Source="Assets\test.mp4" AutoPlay="True" IsLooping="True" 
               PointerEntered="MediaElement_PointerEntered" PointerExited="MediaElement_PointerExited"/>
<Button x:Name="btnTest" Content="Test"  Background="Yellow" Click="Button_Click" VerticalAlignment="Top" Visibility="Collapsed"></Button>

 private void MediaElement_PointerEntered(object sender, PointerRoutedEventArgs e)
 {
     btnTest.Visibility = Visibility.Visible;
 }

 private void MediaElement_PointerExited(object sender, PointerRoutedEventArgs e)
 {
     btnTest.Visibility = Visibility.Collapsed;
 }