2010-04-23 146 views
81

我試圖在WPF中的按鈕上附加圖像,但是此代碼失敗。似乎很奇怪,類似的代碼在Mozilla XUL中可以很好地工作。帶圖像的WPF按鈕

<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> 

回答

188

你想要做這樣的事情,而不是:

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

不要忘記將apple.jpg添加到項目中。 (構建操作:資源) – watbywbarif 2015-11-02 13:15:05

+2

這是一個非常糟糕的解決方案,因爲在禁用按鈕時,文本和圖像不會被_gray out_。 – 2017-05-24 09:22:23

9

另一種方式來拉伸圖像到全按鈕。可以嘗試下面的代碼。

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

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

Here

簡稱此外,它可能幫助其他。我發佈了MouseOver Option here