uwp
UWP Hello World
Buscar..
Sintaxis
- Este es el ejemplo simple del popular "¡Hola mundo!" para la plataforma universal de Windows en Windows 10.
Hello World - Plataforma universal de Windows
Después de iniciar Visual Studio 2015, vaya a File → New → Project
. En el cuadro de diálogo Nuevo proyecto , navegue en el árbol de plantillas a Visual C# → Windows → Universal
y seleccione Blank App (Universal Windows)
. A continuación, necesitamos completar el formulario para describir la solicitud:
- Nombre : este es el nombre de la aplicación que se mostrará al usuario. Establézcalo en
HelloWorld
o use un título personalizado. - Ubicación : indica donde se guardará el proyecto
- Nombre de la solución : este es un tipo de contenedor de proyectos que agrupa varios proyectos relacionados con la misma aplicación (por ejemplo, una solución podría estar compuesta por un proyecto de IU y un proyecto modelo). Puedes poner el mismo
Name
que tu proyecto inicial.
Contenido del proyecto por defecto.
Obtendrás un proyecto con los siguientes archivos:
- Package.appxmanifest : describe las propiedades de su aplicación. Contiene algunos ajustes de la interfaz de usuario, como su nombre de defecto, su logotipo, las rotaciones admitidas. Y también contiene configuraciones técnicas como el punto de entrada de la aplicación (que es la clase de la
App
por defecto). Finalmente, también enumera las autorizaciones requeridas por su aplicación en la pestaña Capacidades ; por ejemplo, si desea utilizar la cámara web en su aplicación, tendrá que verificar las capacidades correspondientes. - App.xaml / App.xaml.cs : la clase de la
App
es el punto de entrada predeterminado de su aplicación. Los archivos xaml pueden contener recursos compartidos en toda la aplicación, como la configuración de estilos o la instancia de una clase que desea compartir, como un localizador de ViewModel. Los archivos de código subyacente contienen todos los códigos de inicio de la aplicación. De forma predeterminada, implementa el métodoOnLaunched
que invoca el usuario final. Inicializa la ventana y navega a la primera página de la aplicación (de forma predeterminada, la claseMainPage
). - MainPage.xaml / MainPage.xaml.cs : esta es la página inicial de nuestra aplicación. Contiene solo una cuadrícula vacía que es un control de diseño.
Modificar la vista
Abra MainPage.xaml
y reemplace el control Grid con
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Button Click="Button_Click">Say Hello !</Button>
<TextBlock Grid.Column="1"
VerticalAlignment="Center"
x:Name="myText"
Text="Click the button." />
</Grid>
Esto creará una cuadrícula con dos columnas. La primera columna como ancho se establece en auto
que significa que se configurará automáticamente en función del tamaño de sus hijos. La segunda columna se estirará para llenar el espacio restante en la ventana. Esta cuadrícula contiene dos elementos:
- Un
Button
que se encuentra en la primera columna. El evento de clic estáButton_Click
al métodoButton_Click
en el código subyacente y su texto de título es "¡Diga hola!" . - un
TextBlock
que se encuentra en la segunda columna. Su texto se establece en "Haga clic en el botón". . Y hemos establecido un nombre para este control con la ayuda del atributox:Name
. Esto es necesario para poder utilizar el control en el código subyacente. EnMainPage.xaml.cs
, agregue el siguiente código:
private void Button_Click(object sender, RoutedEventArgs e)
{
this.myText.Text = "Hello World!";
}
Este es el método al que se llamará cuando el usuario haga clic (o toque) el botón. Y actualizará el TextBlock
y establecerá su texto en "¡Hola mundo!" .
Ejecutando la aplicación
Para ejecutar la aplicación, puede usar el menú Debug → Start Debugging
o el acceso directo F5
. De manera predeterminada, ejecutará la aplicación en su máquina local.