Idioma: HTML | XAML

Inicio rápido: agregar controles de botón (XAML)

Applies to Windows and Windows Phone

Los controles de botón proporcionan a los usuarios un modo de confirmar un comando o realizar una acción, como enviar o restablecer un formulario. En este inicio rápido se describen los pasos para agregar un control de botón a una aplicación de Windows en tiempo de ejecución con C++, C# o Visual Basic.

Guía básica: Relación de este tema con los demás. Consulta:

Objetivo: Usar botones en una aplicación de Windows en tiempo de ejecución con C++, C# o Visual Basic.

Requisitos previos

Damos por hecho que sabes agregar controles a una aplicación básica de Windows en tiempo de ejecución con C++, C# o Visual Basic. Para obtener instrucciones sobre cómo agregar un control, consulta Inicio rápido: agregar controles y controlar eventos.

Instrucciones

1. Agregar un botón estándar

Control de botón

JJ153346.wedge(es-es,WIN.10).gifPara agregar un botón en XAML

  1. Agrega un control Button a un contenedor primario.
  2. Para asignar una etiqueta al botón, establece la propiedad Content en un valor de cadena.
  3. Para realizar una acción cuando un usuario haga clic en el botón, agrega un controlador para el evento Click. En el controlador del evento Click, agrega código que realice alguna acción.
    
    <Button Content="Banana" Click="Button_Click"/>
    
    
    
    private async void Button_Click(object sender, RoutedEventArgs e)
    {
        Windows.UI.Popups.MessageDialog messageDialog = 
            new Windows.UI.Popups.MessageDialog("Thank you for choosing banana.");
        await messageDialog.ShowAsync();
    }
    
    

2. Personalizar el contenido del botón

Un botón es un ContentControl, por lo que puedes establecer cualquier objeto como contenido del botón. Si el contenido es un UIElement, se representa en el botón. Si el contenido es otro tipo de objeto, su representación de cadena se muestra en el botón.

Aquí, un elemento StackPanel que contiene texto y una imagen de una banana se establece como el elemento Content de un control Button.


<Button Click="Button_Click_1" 
        Background="#FF0D6AA3" 
        Height="100" Width="100" >
    <StackPanel>
        <Image Source="Assets/Banana.png"/>
        <TextBlock Text="Banana" HorizontalAlignment="Center"/>
    </StackPanel>
</Button>

Botón con contenido de texto e imagen

3. Agregar un HyperlinkButton

De manera predeterminada, un HyperlinkButton aparece como un hipervínculo de texto. Cuando un usuario hace clic en él, abre la página especificada en la propiedad NavigateUri en el explorador predeterminado. No es necesario controlar su evento Click.

Botón de hipervínculo

Para agregar un HyperlinkButton

  1. Agrega un control HyperlinkButton a un contenedor primario.
  2. Establece la propiedad Content en una cadena que represente la página a la que se debe navegar.
  3. Establece la propiedad NavigateUri en el Identificador uniforme de recursos (URI) al que se debe navegar cuando se presione el botón.

<HyperlinkButton Content="www.microsoft.com" NavigateUri="http://www.microsoft.com"/>


Resumen

En este tutorial, aprendiste a agregar un control de botón a tu aplicación.

Temas relacionados

Cómo agregar un botón
Guía básica para crear aplicaciones de Windows en tiempo de ejecución con C# o Visual Basic
Guía básica para crear aplicaciones de Windows en tiempo de ejecución con C++

 

 

Mostrar:
© 2014 Microsoft