Cómo: Crear un botón que tenga una imagen

  • Artículo

En este ejemplo se muestra cómo incluir una imagen en un Button.

Ejemplo

En el siguiente ejemplo se crean dos controles Button. Un control Button contiene texto y el otro contiene una imagen. La imagen se encuentra en una carpeta denominada Datos, que es una subcarpeta de la carpeta del proyecto del ejemplo. Cuando un usuario hace clic en el control Button que tiene la imagen, el fondo y el texto del otro control Button cambian.

En este ejemplo se crean controles Button mediante marcado, pero se usa código para escribir los controladores de eventos 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

Vea también