wpf накладывает изображение на медиаэлемент

Question

Я бы показал поверх медиаэлемента классическое воспроизведение изображения, и при наведении указателя на медиаэлемент это изображение исчезнет.Медиаэлемент похож на на , и это хорошо работает.Я публикую часть кода:

 <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>