‫Bienvenido de nuevo al capítulo de WP si en este video, vamos a configurar todo para la aplicación
‫Hello World, por lo tanto, debe abrir el instalador de Visual Studio y luego aquí
‫encontrará instalado y su comunidad de Visual Studio 2017.
‫Y aquí simplemente modifique o haga clic en más y luego haga clic en Modificar que preparará las cosas y luego podrá
‫instalar las cargas de trabajo.
‫Y aquí es importante instalar también el DOT en esa carga de trabajo de desarrollo de escritorio.
‫Esto le permitirá crear formularios WP Windows y así sucesivamente.
‫Entonces, si no tiene eso, simplemente busque WP F aquí o busque dot net aquí e instale
‫el desarrollo de escritorio dot net, una vez hecho esto, puede cerrarlo y puede continuar y abrir un
‫nuevo proyecto.
‫Y ahora, después de haber instalado eso, verá algo llamado WP Fab Dot Net Framework aquí para que pueda
‫ir a Visual C Sharp y allí encontrará la aplicación YPF y solo voy a llamar
‫al uno F cero uno.
‫Y sigamos adelante.
‫Abrámoslo y el diseñador se cargará y luego encontrará este archivo de ventana principal Dot Zemel y ahora puede preguntarse qué es
‫el archivo de ejemplo y qué es todo esto aquí.
‫Bueno, esa es nuestra interfaz gráfica de usuario GUI.
‫Y aquí podemos arrastrar cosas como un cuadro de texto o podemos arrastrar botones, pero también podemos hacerlo en
‫el código normal.
‫Estábamos buscando mucho más ejemplos en los próximos videos, pero por ahora, creemos algo aquí, que
‫es un texto increíble y, por lo tanto, puede abrirse.
‫La caja de herramientas en el lado izquierdo, y aquí encontrará todos los controles diferentes y así sucesivamente que puede
‫arrastrar a su ventana principal, como puede ver, se llama ventana principal.
‫Y si busca este título, también lo encontrará aquí en su ejemplo.
‫Como puede ver, aquí está dividido.
‫Hay una parte y hay una parte de diseño.
‫Entonces, esta ventana de diseño es lo que puede ver aquí.
‫Y luego está esta ventana, que puedes ver aquí.
‫Y este es más o menos el frío que compone esta ventana que puedes ver aquí.
‫Entonces está usando varios nombres, caras hasta aquí.
‫Entonces es la clase de ventana principal.
‫Esa es prácticamente la clase que usamos aquí.
‫Como puede ver aquí, la ventana principal, ese ejemplo, y hay un abrigo detrás de un vidrio.
‫Veremos eso en un segundo.
‫Y luego está el título Altura.
‫Y así definimos el ancho de nuestra ventana.
‫Aquí definimos la altura y, por supuesto, este título aquí en la parte superior.
‫Ahora, abramos el diseño nuevamente.
‫Hagamos clic en Diseño.
‫Incluso puede hacer doble clic en él.
‫Entonces lo ves en una ventana completa y una gran ventana.
‫Y luego, para abrir la caja de herramientas, puede presionar control alt x o simplemente puede ir a ver y luego aquí encontrará
‫la caja de herramientas.
‫Entonces voy a abrir la caja de herramientas.
‫Como puede ver, ahora está ahí y quiero arrastrar un bloque de texto.
‫Y somos, ese es nuestro blog de texto, y pueden ver que pueden cambiar su posición y ahora, si lo arrastramos aquí,
‫podemos ver que las cosas también cambian aquí en la cuadrícula.
‫Entonces, si lo muevo, como puede ver, el margen ha cambiado.
‫El ajuste del texto está configurado para ajustarse, luego se alinea verticalmente hacia la parte superior y hacia la izquierda, alineado
‫horizontalmente hacia la izquierda.
‫Como puede ver, puede jugar con el valor aquí.
‫Y lo voy a colocar más o menos en el centro.
‫Y lo que simplemente hace, agrega esos márgenes, como pueden ver, un punto cuarenta y siete hacia la parte
‫superior y doscientos veinticinco hacia la izquierda.
‫Así que ahora, si quiero cambiar el texto, simplemente puedo cambiar el texto aquí o puedo hacer doble clic aquí y luego
‫cambiar el texto aquí.
‫Así que solo voy a decir algo como, hola mundo.
‫Y si entro o si hago clic en otro lugar, como pueden ver, tiene esta entrada aquí.
‫Así que voy a deshacerme de eso de nuevo así y hacer clic para decidir.
‫Entonces, como puede ver, solo está ocupando el espacio que requiere.
‫Así que está ajustando el texto aquí y eso tiene que ver con este ajuste de texto o ajuste igual.
‫Está bien.
‫Entonces veremos el ejemplo y así sucesivamente.
‫Pero antes que nada, iniciemos esta aplicación y ejecutemos el código y luego verá que tenemos una
‫pequeña ventana mala y que somos la ventana principal y hola mundo.
‫Como puede ver, este es solo un texto simple que dice aquí que está configurado aquí en nuestra GUI e incluso
‫puede ajustarlo.
‫Como puede ver, no está centrado.
‫Siempre está posicionado en el mismo lugar porque solo tiene este margen hacia la parte superior
‫e izquierda, que están fijos ahora mismo.
‫La ventana principal se llama Ventana principal por el título que tiene.
‫Así que ahora es un pequeño desafío para ti.
‫Cambie el texto a hola y su nombre y luego cambie el título a mi primera GUI.
‫Muy bien, espero que lo hayas probado, así que hagámoslo.
‫Cambiemos el texto y lo voy a hacer aquí en el bloque de texto la propiedad text, y esta
‫será Hola, Dennis, en mi caso.
‫Y ahora el título debería ser algo así como mi primera GUI, mi primera interfaz gráfica de usuario GUI.
‫Ahora comencemos y somos mi primera GUI y hola, Dennis.
‫Excelente.
‫Así que ahora todo está configurado para dirigir algunas cosas más aquí, como botones y todas esas cosas geniales.
‫Y veremos cómo crear grandes productos en los próximos videos.
‫Así que te veré allí.