Discussion :

[UrdaUrda]

Bonjour ,

Je viens vers vous aujourd'hui car j'ai un petit soucis qui parait simple comme ça mais que je n'arrive pas a résoudre.

J'ai une ListBox j'affiche dans celle-ci des images,je lui ai appliqué un template qui modifie l'animation faite lors d'un mouseover. Jusque là tout va bien ma listbox m'affiche bien les éléments voulu. Maintenant je voudrait pouvoir afficher un texte qui décrit un peu l'image lors du mouseover sur celle-ci. Bien entendu chaque image à un descriptif différent donc il faudrait que je puisse récupérer l'élément de la listBox qui à le mouseover.

Ensuite je pense que le mieux serait de binder un label (ou richtextbox je sais plus exactement le nom bref...) qui pourrait récuperer la description de l'image survolé.

Mais ce n'est pas le plus important si déjà je peux récupérer l'élément courant dans le code behind pour affecter sa description à un label ça serait parfait.

Merci d'avance pour votre

[Samuel Blanchard]

Bonjour,

Mais ce n'est pas le plus important si déjà je peux récupérer l'élément courant dans le code behind pour affecter sa description à un label ça serait parfait.

Je ne pense pas que cela soit la meilleur idée. Il vaut mieux privilégier le Binding qui est plus simple à mettre en oeuvre en XAML.
Tu peux, par exemple, créer un textblock contenant ta description (Binder) mais celui-ci est invisible tant que l'animation de l'état MouseOver n'est pas déclenchée.

Sinon tu peux peut être aussi customiser un ToolTip.
C'est sans doute le plus simple.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<Image Source="{Binding MonImage}">
    <ToolTipService.ToolTip> 
        <ToolTip>
            <TextBlock Text="{Binding MaDescription}"></TextBlock>
        </ToolTip>
    </ToolTipService.ToolTip>
</Image>

[Skyounet]

Le Tooltip est sans doute la méthode la plus facile à mettre en place.

Sinon tu t'abonnes au MouseEnter de ta ListBox et si le e.OriginalSource == Grid (le template d'un ListBoxItem est composé d'un Grid) alors tu as ton ListBoxItem.

[UrdaUrda]

Bonjour ,

Tout d'abord merci de ta réponse qui est tout a fait viable, j'y avait déjà pensé mais malheureusement un tooltip n'est pas suffisamment riche. Je serais plutôt preneur de ta 1 ère solution à savoir un textblock dans le stackpanel de ma listbox qui serait bind sur la description et qui apparaitrait lors du mouse over.

J'ai fait toute les étapes nécessaire (binding placement retouche du style etc...) si je met la propriété Visibility à true cela me donne exactement ce que je veux or maintenant je ne sais pas comment faire pour l'afficher lors du mouseover.

J'ai pensé à un binding entre control, je sais le faire pour binder 2 propriété d'élément entre elles mais pas pour binder un événement à une propriété. Il faudrait que lorsque l'évenement MouseOver est déclanché la propriete visiblility passe à Visible.

Si tu as un pointeur ou autre je suis preneur (j'ai commencé à chercher ce que je pouvais trouver sur le sujet mais rien de bien concluant pour le moment)

[Samuel Blanchard]

Regarde du coté des VisualStates (dont MouseOver) de ItemContainerStyle.
Avec Blend c'est assez simple à modifier.

[Samuel Blanchard]

pour changer la propriété Visibility dans une animation c'est comme ça (cela te servira surement) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<Storyboard>
	<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="(UIElement.Visibility)">
		<DiscreteObjectKeyFrame KeyTime="00:00:00.5000000">
			<DiscreteObjectKeyFrame.Value>
				<Visibility>Collapsed</Visibility>
			</DiscreteObjectKeyFrame.Value>
		</DiscreteObjectKeyFrame>
	</ObjectAnimationUsingKeyFrames>
</Storyboard>

[Samuel Blanchard]

On fait de la Stéréo avec Sky, le son est meilleur comme ça

[Skyounet]

J'ai fait toute les étapes nécessaire (binding placement retouche du style etc...) si je met la propriété Visibility à true cela me donne exactement ce que je veux or maintenant je ne sais pas comment faire pour l'afficher lors du mouseover.

Ben fais le dans le VisualStateManager dans le state MouseOver !

Pour le Tooltip tu peux mettre tout ce que tu veux dedans, tu n'es pas limité à du texte hein. Tu peux mettre une image, un RichText, bref ce que tu veux.