2010-04-23 4 views
81

J'essaie de joindre une image sur un bouton dans WPF, mais ce code échoue. Semble étrange après que le code similaire fonctionnerait parfaitement dans Mozilla XUL.Bouton WPF avec image

<Button Height="49.086" Margin="3.636,12,231.795,0" Name="button2" 
     VerticalAlignment="Top" Grid.Column="1" Click="button2_Click" 
     Source="Pictures/apple.jpg">Disconnect from Server</Button> 

Répondre

188

Vous voulez faire quelque chose comme ceci:

<Button> 
    <StackPanel> 
     <Image Source="Pictures/apple.jpg" /> 
     <TextBlock>Disconnect from Server</TextBlock> 
    </StackPanel> 
</Button> 
+2

N'oubliez pas d'ajouter apple.jpg au projet. (Build Action: Resource) – watbywbarif

+2

Ceci est une mauvaise solution car le texte et l'image ne seront pas grisés lorsque vous désactiverez le bouton. –

9

Une autre façon d'étirer l'image à bouton plein. Peut essayer le code ci-dessous.

<Grid.Resources> 
    <ImageBrush x:Key="AddButtonImageBrush" ImageSource="/Demoapp;component/Resources/AddButton.png" Stretch="UniformToFill"/> 
</Grid.Resources> 

<Button Content="Load Inventory 1" Background="{StaticResource AddButtonImageBrush}"/> 

de Référals Here

En outre, il pourrait aide les autres. J'ai posté la même chose avec MouseOver Option here.