Clip une image 4: 3 dans WPF avec un cercle

Question

J'essaie de couper une image 4: 3 avec un cercle dans un contrôle de grille.

J'ai besoin du clip circulaire pour révéler l'image du milieu dans un cercle parfait. Voir ci-dessous.

alt text http://www.cse.unsw.edu.au/~vjro855/Untitled.png

Le cercle doit dynamiquement redimensionner l'image.

J'ai essayé Canvas.Clip et Ellipse + VisualBrush sans atteindre le bon comportement.

Merci!

Answer 1

J'ai résolu mon problème.

La solution consistait à utiliser des convertisseurs dans le cadre de la propriété Grid.Clip. J'ai utilisé le code du site suivant.

http://blogorama.nerdworks.in/entry-CenteringelementsonacanvasinWP.aspx

Le défi que je rencontrais était d'avoir à utiliser le EllipseGeometry au lieu de simplement Ellipse.

Ellipse utilise height et width tandis que EllipseGeometry utilise radiusx,y et center.

Avec Ellipse J'aurais pu simplement régler la hauteur et la largeur à la hauteur de l'image pour obtenir le clip dont j'avais besoin.

Serait beaucoup plus simple si les expressions travaillées avec contraignant ie. {Binding Path=expr}

<Grid> 

    <Grid.Clip> 

     <EllipseGeometry> 
      <EllipseGeometry.RadiusX> 
       <MultiBinding 
        Converter="{StaticResource HalfValue1}"> 
        <Binding 
         ElementName="vemap" 
         Path="ActualHeight" /> 
       </MultiBinding> 
      </EllipseGeometry.RadiusX> 
      <EllipseGeometry.RadiusY> 
       <MultiBinding 
        Converter="{StaticResource HalfValue1}"> 
        <Binding 
         ElementName="vemap" 
         Path="ActualHeight" /> 
       </MultiBinding> 
      </EllipseGeometry.RadiusY> 
      <EllipseGeometry.Center> 
       <MultiBinding 
        Converter="{StaticResource HalfValue}"> 
        <Binding 
         ElementName="vemap" 
         Path="ActualHeight" /> 
        <Binding 
         ElementName="vemap" 
         Path="ActualWidth" /> 
       </MultiBinding> 
      </EllipseGeometry.Center> 
     </EllipseGeometry> 

    </Grid.Clip>  

    <Image> 

</Grid>