Sans Clip, ça déborde : Tiles + Images

Usercontrol avec image animée

Aller encore de « à la façon de » avec ce petit contrôle like a Wikipédia de Rudy ou encore la tuile du Hub photo de notre Windows Phone.

J’ai fait ce petit contrôle que j’utile sur la plupart de mes applications là où je n’ai pas besoin d’y placer dynamiquement des images ; En effet, ici elles sont de dimensions fixes.

Clipping

La seule petite difficulté est qu’il faut appliquer un masque sur le Layout principal du contrôle sinon…ça déborde ! :


















Il suffit donc d’utiliser RectangleGeometry et de lui définir les quatres coins de la zone visible

 
<Grid x:Name="LayoutRoot" Margin="0" Width="205" Height="205" >
	<Grid.Clip>
		<RectangleGeometry Rect="0,0,205,205" />
	</Grid.Clip>

Source du projet Windows Phone : ImageTile.zip