Discussion :

[Sonyy02]

Bonjour je cherche à mettre une image dans un button j'ai donc fait comme ceci :

Code xml :

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

1
2
3
4
5
<Button>
          <Button.Background>
                <ImageBrush ImageSource="image.jpg"></ImageBrush>
          </Button.Background>
</Button>

L'image se met bien le problème c'est quand je passe sur le button avec la souris elle s'efface et revient dès que je sors du button. Deuxième problème quand je désactive le button l'image n'est plus visible non plus.

Quelqu'un aurait-il une solution ? Merci

[Pragmateek]

Ne peux-tu pas plutôt utiliser la propriété Content pour rendre ton image :

Code :

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

1
2
3
<Button>
	<Image Source="image.jpg" />
</Button>

?

Et utiliser une Grid si tu veux superposer un autre contenu à ton image :

Code :

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

1
2
3
4
5
6
<Button>
	<Grid>
		<Image Source="image.jpg" />
		<TextBlock Text="Du texte" />
	</Grid>
</Button>

?

[Sonyy02]

Pour le Content c'est à la place du background ? Sinon pour le reste j'essayerais ce soir et je dis quoi.

merci ,)

[Pragmateek]

Pour le Content c'est à la place du background ?

Oui, le code précédent est équivalent à :

Code :

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

1
2
3
4
5
<Button>
	<Button.Content>
		<Image Source="image.jpg" />
	</Button.Content>
</Button>

[tomlev]

L'image se met bien le problème c'est quand je passe sur le button avec la souris elle s'efface et revient dès que je sors du button. Deuxième problème quand je désactive le button l'image n'est plus visible non plus.

C'est parce que le style par défaut pour les boutons contient des triggers qui modifient le background quand on passe la souris au dessus (IsMouseOver = true), quand le bouton est enfoncé (IsPressed = true), et quand il est désactivé (IsEnabled = false). Si tu ne veux plus avoir ce comportement, il faut créer ton propre style où tu modifies le template du bouton. Le plus simple pour faire ça est de partir du style par défaut, que tu peux trouver ici. Si tu utilises Blend, tu peux aussi créer directement un style à partir d'une copie du style par défaut.

La solution de seriousme est également intéressante, mais ça ne donnera pas exactement le même résultat : l'image sera affichée dans le bouton, mais pas en tant que background. Le background par défaut sera toujours présent. Donc selon ce que tu veux faire exactement, ça fera l'affaire ou pas...