Comment faire un carré de l'image pour une image ronde sur Windows Phone

comment est-il possible de faire une image ronde sur Windows Phone d'un carré de l'image. J'ai beaucoup d'images qui devrait être affichée comme un cercle. Mais comment puis-je faire cela?

Remercier.

OriginalL'auteur atticus3000 | 2014-01-13

  1. 44

    En XAML vous voulez faire le cercle à l'aide d'une Ellipse de contrôle. Puis de lui donner un ImageBrush remplir.

    <Ellipse Height="100" Width="100">
    <Ellipse.Fill>
        <ImageBrush ImageSource="YourImage.png"/>
    </Ellipse.Fill>
</Ellipse>
    Pour info, cela ne permet pas de conserver les proportions.
    Utilisation <ImageBrush ImageSource="YourImage.png" Stretch="UniformToFill"/> pour conserver les proportions et clip.

    OriginalL'auteur robwirving

  2. 6

    Mon idée est très simple: 

    <Image Source="ImagePath" Width="326" Height="188">
    <Image.Clip>
        <EllipseGeometry Center="170,90" RadiusX="90" RadiusY="90" />
    </Image.Clip>
</Image>

    Ou vous pouvez appliquer un OpacityMask à une Image afin de créer une variété de l'opacité liée à la photo de masquage 

    <Image Source="ImagePath" >
       <Image.OpacityMask>
              <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">                          
                            <GradientStop Color="#ffffffff" Offset="0.5" />
                            <GradientStop Color="#00ffffff" Offset="0.8" />
               </RadialGradientBrush>
       </Image.OpacityMask>
</Image>

    OriginalL'auteur Swift Sharp

  3. 0

    Vous pouvez utiliser l'Image.Clip, mais je préfère l' @robwirving solution. Mais vous devez le choix maintenant!
    Les informations ici => http://msdn.microsoft.com/fr-fr/library/system.windows.uielement.clip(v=vs. 110).aspx

    OriginalL'auteur MatDev8