Publié mercredi 1 septembre 2010 22:40 par Audrey

[WP7] Utiliser un WrapPanel dans une application Windows Phone 7


Lors de la réalisation de ma 2ème application Windows Phone 7, j'ai souhaité utiliser un WrapPanel pour afficher plusieurs photos. Mais le contrôle WrapPanel ne fait pas parti de la liste des contrôles inclus dans le SDK de la version Beta des outils pour développer sur Windows Phone 7. La version de Silverlight utilisée  est une sorte "d'hybride" entre la version 3 et la version 4. Par conséquent le toolkit de Silverlight 4 ne peut pas fonctionner, il faut donc se tourner vers le toolkit pour Silverlight 3 qui est disponible sur Codeplex.

Pour ceux qui n'ont pas le toolkit pour Silverlight 4 d'installé, voici le lien pour télécharger le toolkit pour Silverlight 3.
Mais pour ceux qui ont déjà installé le toolkit pour Silverlight 4 sur leur PC, ils verront apparaître ce message d'erreur s'ils tentent d'installer le toolkit pour Silverlight 3 :



Deux solutions, soit vous avez la dll du toolkit pour Silverlight 3 qui traine dans un coin, soit vous téléchargez les sources et utiliser les classes correspondant au WrapPanel ou alors vous compilez les sources dans votre Visual Studio préféré, et vous obtiendrez la dll suivante System.Windows.Controls.Toolkit.dll. Cette dll doit être ajoutée au projet Windows Phone 7.
Ensuite, on ajoute une référence à cette dll dans le fichier XAML où l'on souhaite utiliser le WrapPanel :

xmlns:toolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"

Puis il suffit d'ajouter le WrapPanel dans le code XAML :

<toolkit:WrapPanel />

Dans mon cas, j'ai utilisé ce contrôle avec une ListBox afin de pouvoir lister des images et les sélectionner :

<phone:PhoneApplicationPage.Resources>
    <DataTemplate x:Key="DataTemplatePhoto">
      <Grid Width="150" Height="150">
        <Image x:Name="imageItem" Margin="5"/>
      </Grid>
    </DataTemplate>
    <ItemsPanelTemplate x:Key="PanelTemplatePhoto">
      <toolkit:WrapPanel />
    </ItemsPanelTemplate>
</phone:PhoneApplicationPage.Resources>

<ListBox x:Name="collectionPhoto" ItemTemplate="{StaticResource DataTemplatePhoto}" ItemsPanel="{StaticResource PanelTemplatePhoto}" />

Et voici le résultat :


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 :

# re: [WP7] Utiliser un WrapPanel dans une application Windows Phone 7 @ jeudi 2 septembre 2010 12:20

Génial, j'avais justement cherché à faire cela, sans trouver comment faire (à part réimplémenter un WrapPanel moi-même, ce que je n'avais pas envie de faire).

FREMYCOMPANY

# re: [WP7] Utiliser un WrapPanel dans une application Windows Phone 7 @ jeudi 2 septembre 2010 15:51

Pour info, la même méthode est applicable pour le DockPanel

Nicolas


Les 10 derniers blogs postés

- Office 365: Nettoyage des versions de List Item avant migration depuis SharePoint On Premise vers SharePoint Online par Blog Technique de Romelard Fabrice le 08-08-2017, 15:36

- Office 365: Comment supprimer des éléments de liste SharePoint Online via PowerShell par Blog Technique de Romelard Fabrice le 07-26-2017, 17:09

- Nouveau blog http://bugshunter.net par Blog de Jérémy Jeanson le 07-01-2017, 16:56

- Office 365: Script PowerShell pour assigner des droits Full Control à un groupe défini par Blog Technique de Romelard Fabrice le 04-30-2017, 09:22

- SharePoint 20XX: Script PowerShell pour exporter en CSV toutes les listes d’une ferme pour auditer le contenu avant migration par Blog Technique de Romelard Fabrice le 03-28-2017, 17:53

- Les pièges de l’installation de Visual Studio 2017 par Blog de Jérémy Jeanson le 03-24-2017, 13:05

- UWP or not UWP sur Visual Studio 2015 ? par Blog de Jérémy Jeanson le 03-08-2017, 19:12

- Désinstallation de .net Core RC1 Update 1 ou SDK de Core 1 Preview 2 par Blog de Jérémy Jeanson le 03-07-2017, 19:29

- Office 365: Ajouter un utilisateur ou groupe dans la liste des Site collection Administrator d’un site SharePoint Online via PowerShell et CSOM par Blog Technique de Romelard Fabrice le 02-24-2017, 18:52

- Office 365: Comment créer une document library qui utilise les ContentTypeHub avec PowerShell et CSOM par Blog Technique de Romelard Fabrice le 02-22-2017, 17:06