Timeline et Effect sur ItemTemplate

Version imprimable

Bonjour,

voila j'aimerais savoir comment je peux appliquer un visualState a tout les items de ma liste.
Code:

1 2 3 4 5 6 7 <ItemTemplate> <StackPanel x:Name="stackPanel" Width="170" Height="200" Margin="10,0,0,0"> <Image x:Name="image" Height="171" Width="170" HorizontalAlignment="Center" Stretch="Uniform" VerticalAlignment="Top" Source="{Binding Image,Converter={StaticResource ByteArrayToImageConverter}}" MouseEnter="image_MouseEnter" /> <TextBlock Margin="4,10,0,0" Text="{Binding Biometric}"/> </StackPanel> </ItemTemplate>
Ce que je veux faire est simple je veux qu'au moment ou l'utilisateur passe sa souris au dessus de l'image une loupe apparaisse et que l'image devienne un peu plus transparente pour faire ressortir cette loupe.

J'arrive tres bien a le faire sur un control mais pas sur un control qui se trouve dans une liste car je ne sais pas comment passer le x:Name ou autre identifiant, chose qui me permettrait d'identifier ce controle Image.

Voila si quelqu'un a la solution je suis tout ouie.

Merci

Le plus simple serait sans doute de modifier le template de base d'un bouton sous blend pour creer un nouveau style prenant en compte le VisualState que tu souhaites. Le template de ton Bouton ne doit contenir qu'un ContentPresenter et ton VisualState qui le modifie. Puis tu peux l'appeler comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
<ItemTemplate>
    <DataTemplate>
<StackPanel x:Name="stackPanel" Width="170" Height="200" Margin="10,0,0,0">
       <Button Style="{StaticResource ButtonImageStyle}">
                        		 <Image x:Name="image" Height="171" Width="170" HorizontalAlignment="Center"  Stretch="Uniform" VerticalAlignment="Top" Source="{Binding Image,Converter={StaticResource ByteArrayToImageConverter}}"    />
         </Button>
								<TextBlock Margin="4,10,0,0" Text="{Binding Biometric}"/>
 </StackPanel>         
    </DataTemplate>
</ItemTemplate>

30/09/2011, 11h16
morgan2b

Merci pour ta reponse Samuel,

entre temps j'ai trouve un autre moyen de le faire en creant un userControl,

mais j'aurais aime savoir comment tu aurais fait avec ta solution pour ne pas l'appliquer a tout les boutons.

Merci,
30/09/2011, 12h24
Samuel Blanchard
Tout d'abord l'idée du bouton n'est peut être pas la meilleur, c'était juste pour illustrer rapidement ton problème :). Il faudrait sans doute mieux utiliser un ContentControl.

Pour activer desactiver certaine partie, j'aurais binder sur un boolean de ton ViewModel la propriété IsEnabled du bouton / ContentControl.
Code:

1 2 3 <Button Style="{StaticResource ButtonImageStyle}" IsEnabled="{Binding EstDesactive}">  </Button>
C'est la solution la plus élégante à mon avis.

Mais il y a parfois des cas ou il est nécessaire de parcourir les items générés par le ListBox. On peut utiliser alors la propriété ItemContainerGenerator du ListBox. Cela renvoit le ListBoxItem généré par le ListBox. Tu peux alors grâce a la classe VisualTreeHelper recupérer les UIElements qui t'intéressent.