WPF - Hola mundo

En este capítulo, desarrollaremos una sencilla aplicación Hello World WPF. Entonces, comencemos la implementación simple siguiendo los pasos que se detallan a continuación.

  • Haga clic en la opción de menú Archivo> Nuevo> Proyecto.
  • Se mostrará el siguiente cuadro de diálogo.

  • En Plantillas, seleccione Visual C # y en el panel central, seleccione Aplicación WPF.

  • Dale un nombre al proyecto. TipoHelloWorld en el campo de nombre y haga clic en el botón Aceptar.

  • De forma predeterminada, se crean dos archivos, uno es el XAML archivo (mainwindow.xaml) y el otro es el CS archivo (mainwindow.cs)

  • En mainwindow.xaml, verá dos subventanas, una es la design window y el otro es el source (XAML) window.

  • En la aplicación WPF, hay dos formas de diseñar una interfaz de usuario para su aplicación. Una es simplemente arrastrar y soltar elementos de la interfaz de usuario desde la caja de herramientas a la ventana de diseño. La segunda forma es diseñar su interfaz de usuario escribiendo etiquetas XAML para los elementos de la interfaz de usuario. Visual Studio controla las etiquetas XAML cuando se usa la función de arrastrar y soltar para el diseño de la interfaz de usuario.

  • En el archivo mainwindow.xaml, las siguientes etiquetas XAML se escriben de forma predeterminada.

<Window x:Class = "HelloWorld.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604">
	
   <Grid> 
   </Grid> 
	
</Window>
  • De forma predeterminada, una cuadrícula se establece como el primer elemento después de la página.
  • Vayamos a la caja de herramientas y arrastremos un TextBlock a la ventana de diseño.
  • Verá TextBlock en la ventana de diseño.

  • Cuando mires la ventana de origen, verás que Visual Studio ha generado el código XAML de TextBlock para ti.

  • Cambiemos la propiedad Text de TextBlock en el código XAML de TextBlock a Hello World.

<Window x:Class = "HelloWorld.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604"> 
	
   <Grid> 
      <TextBlock x:Name = "textBlock" HorizontalAlignment = "Left"
         Margin = "235,143,0,0" TextWrapping = "Wrap" Text = "Hello World!"
         VerticalAlignment = "Top" Height = "44" Width = "102" /> 
   </Grid> 
	
</Window>
  • Ahora, también verá el cambio en la Ventana de diseño.

Cuando se compile y ejecute el código anterior, verá la siguiente ventana.

¡Felicidades! Ha diseñado y creado su primera aplicación WPF.