Silverlight 2, Récupérer la taille d'une image XAML via du code

Si si c'est possible... mais ce n'est pas spécialement évident au premier abord. Je m'explique, pour différente raison il est parfois nécessaire de devoir accéder aux dimensions d'une image renseignées dans le document XAML de votre application. Vous allez me dire, rien de bien compliqué...

XAML :

<Image x:Name="imPreview" Width="200" Height="120" Source="image.jpg" />

Code (C#) :

imPreview.GetValue(Image.WidthProperty);

Mais qu'en est-il lorsque je ne souhaite pas imposer une taille et une source à mon image dans le XAML ? Tout bêtement... je ne renseigne pas les propriétés Width et Height dans mon document XAML et je vais charger ensuite l'image Source via le code.

XAML :

<Image x:Name="imPreview" />

Code (C#) :

BitmapImage bi = new BitmapImage(new Uri("image.jpg", UriKind.Relative));
imPreview.Source = bi;

...et dans ce cas précis le code C# (imPreview.GetValue(Image.WidthProperty)) retourne la valeur NaN et il en est de même pour la valeur ActualWidth... Ainsi nous nous retrouvons bloqué.

Pour manipuler l'image à souhait et récupérer le taille de l'image il va falloir utiliser un "workaround" via l'évènement image "SizeChanged".

Ce qui donne, sur le page load :

BitmapImage bi = new BitmapImage(new Uri("image.jpg", UriKind.Relative));
imPreview.Source = bi;
imPreview.SizeChanged += new SizeChangedEventHandler(imPreview_SizeChanged);

void imPreview_SizeChanged(object sender, SizeChangedEventArgs e)
{
     // e.PreviousSize.Width; de même pour Height
     // e.NewSize.Width;
de même pour Height
}

Ainsi vous pouvez récupérer la taille de votre image via NewSize. En modifiant le Stretch de l'image vous obtenez bien la taille réelle de l'image dans votre page XAML.

Ex1: <Image x:Name="imPreview"  Stretch="None" />
Renvoie la taille physique de l'image vu qu'elle n'est pas déformée.
Ex2: <Image x:Name="imPreview"  Stretch="Fill" />
Renvoie la taille de l'image stretché à l'élément parent.

N.B. : Si votre conteneur parent est un <Canvas> vous ne serez pas capable de récupérer l'évènement SizeChanged...

 

Le pourquoi du comment...

Tant que l'image n'est pas download, on ne peut pas récupérer sa taille présumée. L'idée est donc d'écouter le SizeChanged de l'image pour intercepter le load de l'image dans le document XAML. Il existe d'autres possibilités tel que utiliser un interval mais cela est beaucoup moins propre...

En espérant que cela vous servira.

Publié mardi 17 juin 2008 11:20 par guillaume
Classé sous , , , , , ,
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :

Commentaires


Les 10 derniers blogs postés

- TechDays Paris 2010 : Plan de migration vers SharePoint 2010 par Blog Technique de Romelard Fabrice le il y a 2 heures et 12 minutes

- TechDays Paris 2010 : La pleinière du second jour par Blog Technique de Romelard Fabrice le il y a 3 heures et 17 minutes

- Visual Studio 2010 and .NET Framework 4 Release Candidate now available par Matthieu MEZIL le il y a 6 heures et 23 minutes

- Création d’une base de donnée sous SQL Azure par Le Blog (Vert) d'Arnaud JUND le il y a 7 heures et 20 minutes

- TechDays Paris 2010 : Les Services d’applications dans SharePoint 2010 par Blog Technique de Romelard Fabrice le il y a 17 heures et 19 minutes

- TechDays Paris 2010 : La GED et SharePoint 2010 par Blog Technique de Romelard Fabrice le il y a 21 heures et 18 minutes

- TechDays Paris 2010 : SharePoint 2010 et Les réseaux sociaux par Blog Technique de Romelard Fabrice le il y a 22 heures et 31 minutes

- TechDays Paris 2010 : SharePoint 2010 – Description et nouveautés par Blog Technique de Romelard Fabrice le il y a 23 heures et 38 minutes

- TechDays Paris 2010 : Pleinière Lundi par Blog Technique de Romelard Fabrice le il y a 23 heures et 42 minutes

- [Techdays 2010] #02 - Nouveautés de SharePoint 2010 par Le petit blog de Pierre / Pierre's little blog le 02-08-2010, 13:52