wpf將圖像疊加到mediaelement上

Question

我將顯示一個mediaelement，一個經典的圖像播放，當指針在mediaelement上輸入時，此圖像消失。 mediaelement就像this，這個效果很好。我發佈了一部分代碼：

<toolkit:DataGrid.RowDetailsTemplate> 
       <DataTemplate x:Name="DataTemplateDgRows"> 
        <Border HorizontalAlignment="Stretch" CornerRadius="5" Background="Black" Margin="5" Padding="5"> 
         <StackPanel Orientation="Vertical"> 
          <TextBlock Foreground="#509CD5" FontSize="20" Width="300" TextWrapping="Wrap" Text="{Binding NomeV}"/> 
          <Border BorderThickness="2" CornerRadius="2" BorderBrush="LightGray" > 
           <MediaElement Source="{Binding MediaUri}" 
               LoadedBehavior="Manual" Name="mediaElement1" ScrubbingEnabled="True" 
               Width="360" MouseLeftButtonDown="mediaElement1_MouseLeftButtonDown" 
               MouseEnter="mediaElement1_MouseEnter" 
               MouseLeave="mediaElement1_MouseLeave" 
               Loaded="mediaElement1_Loaded" /> 


          </Border> 

有人可以幫我嗎？ 謝謝

Answer 1

這樣的事情會讓你開始。

<toolkit:DataGrid.RowDetailsTemplate> 
    <DataTemplate x:Name="DataTemplateDgRows"> 
     <Border HorizontalAlignment="Stretch" CornerRadius="5" Background="Black" Margin="5" Padding="5"> 
      <StackPanel Orientation="Vertical"> 
       <TextBlock Foreground="#509CD5" FontSize="20" Width="300" TextWrapping="Wrap" Text="{Binding NomeV}"/> 
       <Border BorderThickness="2" CornerRadius="2" BorderBrush="LightGray" > 
        <Grid> 
         <Image Grid.ZIndex="1" 
           x:Name="image1" 
           Source="YourSource"/> 
         <MediaElement Grid.ZIndex="0" 
             Source="{Binding MediaUri}" 
             LoadedBehavior="Manual" Name="mediaElement1" ScrubbingEnabled="True" 
             Width="360" MouseLeftButtonDown="mediaElement1_MouseLeftButtonDown" 
             MouseEnter="mediaElement1_MouseEnter" 
             MouseLeave="mediaElement1_MouseLeave" 
             Loaded="mediaElement1_Loaded" /> 
        </Grid> 
       </Border> 
      </StackPanel> 
     </Border> 
     <DataTemplate.Triggers> 
      <Trigger SourceName="mediaElement1" Property="IsMouseOver" Value="True"> 
       <Setter TargetName="image1" Property="Visibility" Value="Collapsed"/> 
      </Trigger> 
     </DataTemplate.Triggers> 
    </DataTemplate> 
</DataGrid.RowDetailsTemplate>