WPF按鈕背景問題

Question

我有一個網格控件，它有25個按鈕（網格只包含按鈕）。併爲每個按鈕我這樣設置相同的圖像：

 ImageBrush brush = new ImageBrush(); 
    BitmapImage bitmap = new BitmapImage(); 
    bitmap.BeginInit(); 
    bitmap.UriSource = new Uri(@"pack://application:,,,/Images/notexplored.jpg", UriKind.RelativeOrAbsolute); 
    bitmap.EndInit(); 
    brush.ImageSource = bitmap; 

    foreach (UIElement uie in myGrid.Children) 
    { 
     var temp = uie as Button; 
     temp.Background = brush; 
    } 

我的問題是，現在當我將鼠標懸停在按鈕我得到這個（這個問題的短視頻）：https://www.dropbox.com/s/jb8fb29lrpimue5/ButtonIssue.avi

哪有我改正這個？將圖像作爲背景應用到按鈕後，如果我將鼠標懸停在按鈕上，我不想看到默認的按鈕背景（看起來&感覺）而不是應用的圖像。

Answer 1

爲了便於重新創建示例，我在此將'StackPanel'作爲容器。如果你不需要動態設置圖片，那麼我希望應用如下所示的樣式應該看起來像你期望的那樣看起來像&的按鈕，同時仍然允許使用事件等，與使用典型的WPF按鈕。

<StackPanel x:Name="sp"> 
     <StackPanel.Resources> 
      <Style TargetType="{x:Type Button}" x:Key="btnWithImageBgStyle"> 
       <Setter Property="Template"> 
        <Setter.Value> 
         <ControlTemplate TargetType="{x:Type Button}"> 
          <Border CornerRadius="5" BorderBrush="{TemplateBinding BorderBrush}" > 
           <Border.Background> 
            <ImageBrush ImageSource="pack://application:,,,/Tulip.jpg"/> 
           </Border.Background> 
           <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" /> 
          </Border> 
         </ControlTemplate> 
        </Setter.Value> 
       </Setter> 
      </Style> 
     </StackPanel.Resources> 
     <Button x:Name="btn1" Width="100" Height="50" Content="Button1!" Style="{StaticResource btnWithImageBgStyle}" Click="btn1_Click"/> 
     <Button x:Name="btn2" Width="100" Height="50" Content="Button2!" Style="{StaticResource btnWithImageBgStyle}"/> 
     <Button x:Name="btn3" Width="100" Height="50" Content="Button3!" Style="{StaticResource btnWithImageBgStyle}"/> 

Answer 2

而不是設置背景，只需添加一個新的圖像作爲按鈕的Content。一個小例子：

var b = new Button(); 

var bitmap = new BitmapImage(); 
bitmap.BeginInit(); 
bitmap.UriSource = new Uri(@"pack://application:,,,/floor.png", UriKind.RelativeOrAbsolute); 
bitmap.EndInit(); 

var img = new Image {Source = bitmap}; 

b.Content = img; 

Answer 3

你必須改變按鈕的控件模板，以便它確實不再對MouseOver事件作出響應。最簡單的解決辦法是這樣的

<Window.Resources> 
    <Style TargetType="{x:Type Button}"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type Button}"> 
        <ContentPresenter /> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
</Window.Resources> 

這是適用於每一個駐留在窗口內的按鈕隱式風格。在控件模板中，您可以更改按鈕的外觀以及它在狀態更改時的行爲方式（例如，當鼠標位於按鈕上方時）。

通常情況下，控制模板會有更多的代碼，但在這個例子中，你只是想要一個顯示某些東西的按鈕，但是當鼠標移出或者當它結束時可以看到所有其他行爲的東西被點擊。您可以在MSDN上查看WPF中按鈕的默認模板：http://msdn.microsoft.com/en-us/library/ms753328.aspx

我絕對建議您在WPF中瞭解更多關於樣式和模板的信息。這是一個很好的起點：http://msdn.microsoft.com/en-us/library/ms745683.aspx

如果您有任何問題，請隨時發表評論。

Answer 4

如果您只是需要顯示圖像並響應點擊，按鈕會過度殺傷。您只能使用ContentControl。