WPF MediaElement yuvarlak köşeli

Question

WPF'de, filmim için yuvarlak köşe oluşturmak istiyorum, ancak film aslında kenarlıklarla örtüşecek ve filmimi yükleyen normal bir dikdörtgen kutu elde edeceğim. Bu sorunu çözmek için herhangi bir fikrin var mı?

<Border BorderBrush="#FF000000" BorderThickness="1,1,1,1" CornerRadius="20,20,20,20"> 
    <Grid> 
     <MediaElement x:Name="movieLoader" HorizontalAlignment="Left" Height="128" VerticalAlignment="Top" Width="236" Source="../video/empty.mp4"/> 
    </Grid> 
</Border> 

Answer 1

bu deneyin:

Hala

<Border x:Name="border" BorderThickness="1" BorderBrush="#FF000000" CornerRadius="20" Padding="1" 
     HorizontalAlignment="Center" VerticalAlignment="Center"> 
    <Grid> 
     <Border Name="mask" Background="White" CornerRadius="{Binding ElementName=border, Path=CornerRadius}"/> 
     <Grid> 
      <Grid.OpacityMask> 
       <VisualBrush Visual="{Binding ElementName=mask}"/> 
      </Grid.OpacityMask> 
      <MediaElement x:Name="movieLoader" HorizontalAlignment="Left" Height="128" 
          VerticalAlignment="Top" Width="236" Source="../video/empty.mp4"/> 
     </Grid> 
    </Grid> 
</Border> 

Answer 2

True için ClipToBounds ayarlayın.

<Border ClipToBounds="True" BorderBrush="#FF000000" BorderThickness="1" 
    CornerRadius="20"> 
    <Grid> 
     <MediaElement x:Name="movieLoader" HorizontalAlignment="Left" 
      Height="128" VerticalAlignment="Top" Width="236" 
      Source="../video/empty.mp4"/> 
    </Grid> 
</Border>