¿Icono dentro del botón?

Question

¿Cómo agrego un icono como en la captura de pantalla siguiente dentro de un botón? Parece que no puedo encontrar cómo hacerlo.

Answer 1

WPF (y Silverlight) está ofreciendo un control llamado Image. Como su nombre lo indica, es un contenedor que puede contener una imagen en su interior. Utilice un control tal de representar el icono que desea y luego se coloca dentro de su Button a través de su Content propiedad

como aquí:

<Button x:Name="btn_ControlRun"> 
    <StackPanel Orientation="Horizontal"> 
     <Image Stretch="Fill" Source="right.png"/> 
     <Label Content="Start Tasks" /> 
    </StackPanel> 
</Button> 

Answer 2

Prueba esto:

<Button> 
     <StackPanel Orientation="Horizontal"> 
      <Image Source="/Image/ok.png" /> 
      <TextBlock Text="Start Tasks" /> 
     </StackPanel> 
    </Button> 

Answer 3

En WinForms usar Button.Image (MSDN) del siguiente modo:

private void SetMyButtonIcon() 
{ 
    // Assign an image to the button. 
    button1.Image = Image.FromFile("C:\\Graphics\\My.ico"); 
    // Align the image and text on the button. 
    button1.ImageAlign = ContentAlignment.MiddleRight;  
    button1.TextAlign = ContentAlignment.MiddleLeft; 
} 

y se puede utilizar Button.TextImageRelation de propiedades para establecer el position of text and image respecto a la otra:

• Overlay: Imagen y compartir el mismo espacio de texto en un control.
• ImageBeforeText: la imagen se muestra horizontalmente antes del texto de un control.
• TextBeforeImage: el texto se muestra horizontalmente antes de la imagen de un control.
• ImageAboveText: la imagen se muestra verticalmente encima del texto de un control.
• TextAboveImage: el texto se muestra verticalmente encima de la imagen de un control.

Answer 4

Si coloca el botón en el formulario, puede hacer clic derecho sobre él y hacer clic en Propiedades y luego ir a "Imagen" y colocar la imagen que desee, ir a la parte inferior y hacer clic en "Relación Imagen de texto" y haga clic en el menú desplegable y luego haga clic en "ImageBeforeText", puede hacerlo como desee, pero personalmente me gusta la imagen antes de enviar el texto de la mejor manera.

Espero que esto ayude.