C＃代碼中的圖像按鈕

Question

我試圖在代碼隱藏中設置圖像背景。我嘗試添加一個背景圖像到按鈕，但只要我將鼠標懸停在按鈕上，圖像就會消失。爲了解決這個問題，我必須編寫函數來覆蓋按鈕的行爲，這在代碼隱藏方面做得太多了。

然後我使用另一種方法，即將一個按鈕和一個圖像分別添加到網格單元格。問題是 - 當我點擊圖片時，按鈕不會觸發。

如何使按鈕有懸停和按下效果，即使當鼠標懸停兩種或按下按鈕上的圖像，而不是按鈕的其餘區域？

或希望有人可以建議我一個更好的解決方案。下面是我的代碼。

 InitializeComponent(); 
     Button playBtn = new Button(); 
     playBtn.Width = 60; 
     playBtn.Height = 30; 
     Image playIcon = new Image(); 
     playIcon.Source = new BitmapImage(new Uri(@"PATH")); 
     playIcon.Stretch = Stretch.Uniform; 
     playIcon.Height = 25; 

     grid1.Children.Add(playBtn); 
     grid1.Children.Add(playIcon); 

     Grid.SetColumn(playBtn, 0); 
     Grid.SetRow(playBtn, 0); 
     Grid.SetColumn(playIcon, 0); 
     Grid.SetColumn(playIcon, 0); 

感謝大家的意見，在深入挖掘之後，有點解決。我所做的是添加一個網格到Button.Content然後將圖像添加到網格。並使用不透明度爲IsEnable添加灰色失效效果。下面我發佈我的代碼，希望有人發現它有用或改進：

Button playBtn = new Button(); 
    Image playIcon = new Image(); 

    public MainWindow() 
    { 
     InitializeComponent(); 

     Grid grid2 = new Grid(); 
     RowDefinition grid2_row1 = new RowDefinition(); 
     ColumnDefinition grid2_col1 = new ColumnDefinition(); 
     grid2.RowDefinitions.Add(grid2_row1); 
     grid2.ColumnDefinitions.Add(grid2_col1); 

     playBtn.Width = 60; 
     playBtn.Height = 30; 
     playBtn.Click += playBtn_Click; 

     playIcon.Source = new BitmapImage(new Uri(@"pack://PATH...")); 
     playIcon.Stretch = Stretch.Uniform; 
     playIcon.Height = 25; 

     playBtn.Content = grid2; 
     grid2.Children.Add(playIcon); 

     grid1.Children.Add(playBtn); 

     Grid.SetRow(playIcon, 0); 
     Grid.SetColumn(playIcon, 0); 
    } 

    public void playBtn_Click(object sender, RoutedEventArgs e) 
    { 
     MessageBox.Show("Hello"); 
    } 

    private void button1_Click(object sender, RoutedEventArgs e) 
    { 
     playBtn.IsEnabled = false; 
     playIcon.Opacity = 0.3; 
    } 

Answer 1

檢查鏈接

http://blogs.msdn.com/b/knom/archive/2007/10/31/wpf-control-development-3-ways-to-build-an-imagebutton.aspx

http://www.hardcodet.net/2009/01/create-wpf-image-button-through-attached-properties

http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/91df562f-414c-4326-ac65-42ef301b5f8f/

Answer 2

按鈕WPF中有不同的狀態=「正常」，「鼠標」和「壓」有三個。

當您創建按鈕時，您將設置它爲「正常」狀態。您還需要將「鼠標懸停」狀態設置爲具有相同的圖像。下面