WPFボタンのイメージがフォアグラウンドに設定されているときに画像が表示されない

Question

色付きの背景が必要なボタンがありますが、色の上にイメージが必要です。私は背景色を追加し、フォアグラウンドで画像を追加しました。フォアグラウンドに追加するとすぐに画像が表示されません。

画像を背景に追加すると表示されます。何か案が？

<Button x:Name="btnInkMode" Content="" Height="20" VerticalAlignment="Top" IsEnabled="True" HorizontalAlignment="Left" Width="20" Canvas.Left="554" Canvas.Top="5" Click="btnInkMode_Click" Background="#FFFFD56A"> 
    <Button.Foreground> 
     <ImageBrush ImageSource="../Resources/pen-icon.gif"/> 
    </Button.Foreground> 
</Button> 

Answer 1

前景はテキストの色です。 Contentは空の文字列なので、Foregroundは無関係です（その色で表示するものはありません）。

は、コンテンツとしての画像を追加します。

<Button x:Name="btnInkMode" Height="20" VerticalAlignment="Top" IsEnabled="True" HorizontalAlignment="Left" Width="20" Canvas.Left="554" Canvas.Top="5" Click="btnInkMode_Click" Background="#FFFFD56A"> 
    <Button.Content> 
     <Image Source="../Resources/pen-icon.gif"/> 
    </Button.Content> 
</Button> 

実際にあなたも<Button.Content>タグを記述する必要はありません。上記とコードの下に等価です。

<Button x:Name="btnInkMode" Height="20" VerticalAlignment="Top" IsEnabled="True" HorizontalAlignment="Left" Width="20" Canvas.Left="554" Canvas.Top="5" Click="btnInkMode_Click" Background="#FFFFD56A"> 
    <Image Source="../Resources/pen-icon.gif"/> 
</Button>