2013-11-22 153 views
0

基本上我想有圖像按鈕。WPF按鈕與圖像刷問題

<Button Command="{Binding Path=DisplayProductCommand}" > 
    <Button.Background> 
     <ImageBrush ImageSource="test.jpg"/> 
    </Button.Background> 
</Button> 

通過使用上述方法,我面臨的問題是圖像不能覆蓋整個按鈕。

enter image description here

如上所示,這是結果和周圍有透明的空間。 請找原圖像下面:

enter image description here

我能做些什麼,以覆蓋整個按鈕?

+0

你真的需要這個圖像嗎?看起來你可以很容易地在Blend中重新創建它。 – geedubb

+0

無法重現您的問題。 –

回答

0

你需要按鈕重新編寫控件模板,通過移除ButtonChrome替換默認佈局,也可以設置了borderThickness按鈕屬性設置爲零。

<Button Command="{Binding Path=DisplayProductCommand}" BorderThickness="0"> 
    <Button.Background> 
     <ImageBrush ImageSource="test.jpg"/> 
    </Button.Background> 
</Button> 
+0

我不必做這樣的事情來讓它工作,OP的問題有些奇怪。 –

+0

@KingKing,em ..我認爲原始圖片有導致此問題的隱形(陰影效果)區域(右側和底部),刪除此按鈕的邊框會使事情變得更好,或與設計師交談以尋找更好的方法。 –

+0

em cl ...看起來像修復不是很可靠。 –

0

正如@geedub提到的,你可以定義一個顏色漸變到該圖像匹配:

<Button Content="Look at my background" Padding="10,5"> 
    <Button.Background> 
     <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> 
      <GradientStop Offset="0" Color="#FFE5E5E5" /> 
      <GradientStop Offset="1" Color="#FFBABED3" /> 
     </LinearGradientBrush> 
    </Button.Background> 
</Button> 

如果這不是你的要求,可以接受,那麼我會建議你裁剪圖像刪除超王提到的陰影效果。