方法: イメージを持つ Button を作成する

  • [アーティクル]

この例では、Button でイメージを含める方法を示します。

例

次の例では、2 つの Button コントロールが作成されます。 一方の 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

関連項目