按鈕與圖像不疊加另一個圖像

我有一個圖像被拉伸爲窗口的大小（寬度和高度明智）。按鈕與圖像不疊加另一個圖像

我有一個按鈕，在上面坐有以下XAML：

<Image Source="sample.png"></Image> 
<Button Height="50" Width="100" Content="OverLay Image" Foreground="AliceBlue" 
     Background="Transparent" HorizontalAlignment="Left" 
     VerticalAlignment="Top"/>

這說明，當我運行按鈕正常，但是，我想按鈕有替代文字使用該圖片模板：

 <Button Height="50" Width="100" Content="OverLay Image" 
       Foreground="AliceBlue" Background="Transparent" 
       HorizontalAlignment="Left" VerticalAlignment="Top"> 
      <Button.Template> 
       <ControlTemplate> 
        <Border> 
         <Image Source="img/sample.png" 
           Width="32" 
           Height="32"/> 
        </Border> 
       </ControlTemplate> 
      </Button.Template> 
     </Button>

當我添加模板部分：

  <Button.Template> 
       <ControlTemplate> 
        <Border> 
         <Image Source="img/sample.png" 
           Width="32" 
           Height="32"/> 
        </Border> 
       </ControlTemplate> 
      </Button.Template>

按鈕消失。有沒有人看過這個或知道如何強制按鈕顯示？

在此先感謝！

來源

2014-02-13 Rob McCabe

由於您更改了ControlTemplate，它只會顯示您的圖片。一切都很好，你確定圖像路徑是正確的嗎？嘗試設置邊框的背景以確保模板沒有任何問題。使用Snoop來查看VisualTree並查看圖像的來源。

來源

2014-02-13 20:09:11 evanb

當我加寬窗口時，由於將按鈕置於右上角，因此在繪製窗口大小時，可以看到圖像後面出現的按鈕（帶有圖像）。 –

這可能不算什麼，但我注意到，在Image的第一個（工作）例如，你用這個路徑你的形象：

<Image Source="sample.png"></Image>

但是，你說不行就是一個使用此路徑：

<Image Source="img/sample.png"/>

也許那只是你在這裏做複製它的錯誤，但在其他方面，試試這個在您的ControlTemplate：

<Image Source="sample.png"/>

來源

2014-02-13 21:55:23 Sheridan

按鈕與圖像不疊加另一個圖像

回答

相關問題