方法: イメージを含むボタンを作成する

この例では、Buttonに画像を含める方法を示します。

例

次の例では、2 つの Button コントロールを作成します。 1 つの Button にテキストが含まれており、もう 1 つの Button に画像が含まれています。 イメージはデータと呼ばれるフォルダー内にあり、これは例のプロジェクト フォルダーのサブフォルダーです。 ユーザーが画像を含む Button をクリックすると、他の Button の背景とテキストが変更されます。

この例では、マークアップを使用して Button コントロールを作成しますが、コードを使用して Click イベント ハンドラーを記述します。

<Button Name="btn5" Width="50" Height="30" Click="OnClick5">
  <Image Source="data\flower.jpg"></Image>
</Button>
<Button Name="btn6" BorderBrush="Black">Click the picture.</Button>

void OnClick5(object sender, RoutedEventArgs e)
{
    btn6.FontSize = 16;
    btn6.Content = "This is my favorite photo.";
    btn6.Background = Brushes.Red;
}

Private Sub OnClick5(ByVal sender As Object, ByVal e As RoutedEventArgs)
    btn6.FontSize = 16
    btn6.Content = "This is my favorite photo."
    btn6.Background = Brushes.Red
End Sub

こちらも参照ください

• コントロール
• コントロール ライブラリ