C# Windows Tutorial de aplicación de formularios con ejemplo
benjamin walker
Una aplicación de formulario de Windows es una aplicación diseñada para ejecutarse en una computadora. No se ejecutará en un navegador web porque, en ese caso, se convierte en una aplicación web.
Este tutorial se centrará en cómo podemos crear Windows-Aplicaciones basadas en. También aprenderemos algunos conceptos básicos sobre cómo trabajar con los distintos elementos de C#. Windows .
Windows Conceptos básicos de formularios
A Windows La aplicación de formularios es aquella que se ejecuta en la computadora de escritorio. A Windows La aplicación de formularios normalmente tendrá una colección de controles como etiquetas, cuadros de texto, cuadros de lista, etc.
A continuación se muestra un ejemplo de una sencilla Windows formulario de aplicación C#. Muestra una pantalla de inicio de sesión sencilla, a la que puede acceder el usuario. El usuario ingresará las credenciales requeridas y luego hará clic en el botón Iniciar sesión para continuar.
Entonces, un ejemplo de los controles disponibles en la aplicación anterior.
- Se trata de una colección de controles de etiquetas que se utilizan normalmente para describir controles adyacentes. En nuestro caso, tenemos dos cuadros de texto y las etiquetas se utilizan para indicar al usuario que un cuadro de texto es para introducir el nombre de usuario y el otro para la contraseña.
- Los 2 cuadros de texto se utilizan para guardar el nombre de usuario y la contraseña que ingresará el usuario.
- Por último, tenemos el botón de control. El control del botón normalmente tendrá algún código adjunto para realizar un determinado conjunto de acciones. Entonces, por ejemplo, en el caso anterior, podríamos hacer que el botón realice una acción de validar el nombre de usuario y la contraseña ingresados por el usuario.
C# Hola mundo
Ahora veamos un ejemplo de cómo podemos implementar una aplicación sencilla de "Hola mundo" en Visual Studio. Para ello, necesitaremos implementar los pasos que se mencionan a continuación
Paso 1) El primer paso consiste en crear un nuevo proyecto en Visual Studio. Después de iniciarlo, Visual Studio, debe elegir la opción de menú Nuevo->Proyecto.
Paso 2) El siguiente paso es elegir el tipo de proyecto como Windows Aplicación de formularios. Aquí también debemos mencionar el nombre y la ubicación de nuestro proyecto.
- En el cuadro de diálogo del proyecto, podemos ver varias opciones para crear diferentes tipos de proyectos en Visual Studio. Haga clic en el botón Windows opción en el lado izquierdo.
- Cuando hacemos clic en el Windows opciones en el paso anterior, podremos ver una opción para Windows Solicitud de formularios. Haga clic en esta opción.
- Le daremos un nombre a la aplicación. En nuestro caso, es DemoApplication. También proporcionaremos una ubicación para almacenar nuestra aplicación.
- Finalmente, hacemos clic en el botón “Aceptar” para permitir que Visual Studio cree nuestro proyecto.
Si sigue los pasos anteriores, obtendrá el siguiente resultado en Visual Studio.
Salida:-
Verá un Diseñador de formularios en Visual Studio. Es en este Diseñador de formularios donde comenzará a crear su Windows Aplicación de formularios.
En el Explorador de soluciones, también podrá ver la solución DemoApplication. Esta solución contendrá los siguientes 2 archivos de proyecto
- Una aplicación de formulario llamada Forms1.cs. Este archivo contendrá todo el código del Windows Solicitud de formulario.
- El programa principal, denominado Program.cs, es un archivo de código predeterminado que se crea cuando se crea una nueva aplicación en Visual Studio. Este código contendrá el código de inicio de la aplicación en su totalidad.
En el lado izquierdo de Visual Studio, también verá una herramientaBoxLa caja de herramientas contiene todos los controles que se pueden agregar a un Windows Formularios. Los controles como un cuadro de texto o una etiqueta son solo algunos de los controles que se pueden agregar a un formulario. Windows Formularios.
A continuación se muestra una captura de pantalla de cómo se ve la caja de herramientas.
Paso 3) En este paso, agregaremos una etiqueta al formulario que mostrará “Hola mundo”. En la caja de herramientas, deberá elegir el control Etiqueta y simplemente arrastrarlo hacia el formulario.
Una vez que arrastre la etiqueta al formulario, podrá ver la etiqueta incrustada en el formulario como se muestra a continuación.
Paso 4) El siguiente paso es ir a las propiedades del control y cambiar el texto a "Hola mundo".
Para ir a las propiedades de un control, debe hacer clic derecho en el control y elegir la opción de menú Propiedades
- El panel de propiedades también aparece en Visual Studio. Por lo tanto, para el control de etiqueta, en el control de propiedades, vaya a la sección Texto e ingrese “Hola mundo”.
- Cada control tiene un conjunto de propiedades que describen el control.
Si sigue todos los pasos anteriores y ejecuta su programa en Visual Studio, obtendrá el siguiente resultado
Salida:-
En la salida, puedes ver que el Windows Se muestra el formulario. También puede ver que se muestra 'Hola mundo' en el formulario.
Agregar controles a un formulario
Ya habíamos visto cómo agregar un control a un formulario cuando agregamos el control de etiqueta en la sección anterior para mostrar "Hola mundo".
Veamos los otros controles disponibles para Windows formas y ver algunas de sus propiedades comunes.
En nuestros Windows Ejemplos de aplicación de formulario en C#, crearemos un formulario que tendrá la siguiente funcionalidad.
- La capacidad del usuario de ingresar nombre y dirección.
- Una opción para elegir la ciudad en la que reside el usuario.
- La capacidad del usuario de ingresar una opción para el género.
- Una opción para elegir un curso que el usuario quiera aprender. Habrá opciones tanto para C# como para ASP.Net.
Así que veamos cada control en detalle y agréguemoslos para crear el formulario con la funcionalidad mencionada anteriormente.
Grupo procesos Box
Un cuadro de grupo se utiliza para agrupar de forma lógica los controles en una sección. Tomemos como ejemplo una colección de controles para introducir datos como el nombre y la dirección de una persona. Lo ideal es que se trate de datos de una persona, por lo que conviene tenerlos en una sección independiente del formulario. Para ello, puede tener un cuadro de grupo. Veamos cómo podemos implementarlo con el ejemplo que se muestra a continuación.
Paso 1) El primer paso es arrastrar el control Groupbox hacia el Windows Formulario de la caja de herramientas como se muestra a continuación
Paso 2) Una vez que se haya agregado el cuadro de grupo, vaya a la ventana de propiedades haciendo clic en el control del cuadro de grupo. En la ventana de propiedades, vaya a la propiedad Texto y cámbiela a “Detalles del usuario”.
Una vez que realice los cambios anteriores, verá el siguiente resultado
Salida:-
En el resultado, se puede ver claramente que se agregó el cuadro de grupo al formulario. También se puede ver que el texto del cuadro de grupo se cambió a “Detalles del usuario”.
Control de etiquetas
A continuación viene el control de etiqueta. El control de etiqueta se utiliza para mostrar un texto o un mensaje al usuario en el formulario. El control de etiqueta se utiliza normalmente junto con otros controles. Un ejemplo común es cuando se agrega una etiqueta junto con el control de cuadro de texto.
La etiqueta indica al usuario qué se espera que complete en el cuadro de texto. Veamos cómo podemos implementar esto con un ejemplo que se muestra a continuación. Agregaremos dos etiquetas, una que se llamará "nombre" y la otra "dirección". Se utilizarán junto con los controles del cuadro de texto que se agregarán en la sección posterior.
Paso 1) El primer paso es arrastrar el control de etiqueta a la Windows Formulario de la caja de herramientas como se muestra a continuación. Asegúrese de arrastrar el control de etiqueta dos veces para que pueda tener uno para el "nombre" y el otro para la "dirección".
Paso 2) Una vez agregada la etiqueta, vaya a la ventana de propiedades haciendo clic en el control de la etiqueta. En la ventana de propiedades, vaya a la propiedad Texto de cada control de etiqueta.
Una vez que realice los cambios anteriores, verá el siguiente resultado
Salida:-
Puede ver los controles de etiqueta agregados al formulario.
Cuadro de texto
Un cuadro de texto se utiliza para permitir que un usuario ingrese algún texto en el Windows Aplicación en C#. Veamos cómo podemos implementar esto con un ejemplo que se muestra a continuación. Agregaremos 2 cuadros de texto al formulario, uno para el nombre y el otro para la dirección que se ingresará para el usuario.
Paso 1) El primer paso es arrastrar el control del cuadro de texto hacia el Windows Formulario de la caja de herramientas como se muestra a continuación
Paso 2) Una vez que se hayan agregado los cuadros de texto, vaya a la ventana de propiedades haciendo clic en el control de cuadro de texto. En la ventana de propiedades, vaya a la propiedad Nombre y agregue un nombre significativo a cada cuadro de texto. Por ejemplo, nombre el cuadro de texto para el usuario como txtName y el de la dirección como txtAddress. Se debe crear una convención y un estándar de nomenclatura para los controles porque resulta más fácil agregarles funcionalidad adicional, lo que veremos más adelante.
Una vez que realice los cambios anteriores, verá el siguiente resultado
Salida:-
En la salida, puedes ver claramente que los cuadros de texto se agregaron al formulario.
Cuadro de lista
Un cuadro de lista se utiliza para mostrar una lista de elementos en el Windows Formulario. Veamos cómo podemos implementar esto con el ejemplo que se muestra a continuación. Agregaremos un cuadro de lista al formulario para almacenar algunas ubicaciones de ciudades.
Paso 1) El primer paso es arrastrar el control del cuadro de lista hacia el Windows Formulario de la caja de herramientas como se muestra a continuación
Paso 2) Una vez agregado el cuadro de lista, vaya a la ventana de propiedades haciendo clic en el control del cuadro de lista.
- Primero, cambie la propiedad del control del cuadro Listbox, en nuestro caso, la hemos cambiado a lstCity
- Haga clic en la propiedad Elementos. Esto le permitirá agregar diferentes elementos que pueden aparecer en el cuadro de lista. En nuestro caso, hemos seleccionado los elementos “colección”.
- En el Editor de colección de cadenas, que aparece, ingrese los nombres de las ciudades. En nuestro caso hemos entrado en “Mumbai”, “Bangalore” y “Hyderabad”.
- Finalmente, haga clic en el botón 'Aceptar'.
Una vez que realice los cambios anteriores, verá el siguiente resultado
Salida:-
En el resultado, puede ver que se agregó el cuadro de lista al formulario. También puede ver que el cuadro de lista se completó con los valores de la ciudad.
Radiobutton
Un botón de radio se utiliza para mostrar una lista de elementos entre los cuales el usuario puede elegir uno. Veamos cómo podemos implementar esto con el ejemplo que se muestra a continuación. Agregaremos un botón de opción para una opción masculina/femenina.
Paso 1) El primer paso es arrastrar el control 'botón de radio' al Windows Formulario de la caja de herramientas como se muestra a continuación.
Paso 2) Una vez que se haya agregado el botón de radio, vaya a la ventana de propiedades haciendo clic en el control del botón de radio.
- Primero, debes cambiar la propiedad de texto de ambos controles de radio. Ve a la ventana de propiedades y cambia el texto a masculino en un botón de radio y el texto a femenino en el otro.
- De manera similar, cambie la propiedad de nombre de ambos controles de radio. Vaya a la ventana de propiedades y cambie el nombre a 'rdMale' de un botón de radio y a 'rdfemale' del otro.
Una vez que realice los cambios anteriores, verá el siguiente resultado
Salida:-
Verá los botones de radio agregados al Windows Formulario.
Casilla de Verificación (Checkbox)
Una casilla de verificación se utiliza para proporcionar una lista de opciones en la que el usuario puede elegir varias opciones. Veamos cómo podemos implementar esto con un ejemplo que se muestra a continuación. Agregaremos 2 casillas de verificación a nuestra Windows Formularios. Estas casillas de verificación brindarán una opción al usuario sobre si desea aprender C# o ASP.Net.
Paso 1) El primer paso es arrastrar el control de casilla de verificación hacia el Windows Formulario de la caja de herramientas como se muestra a continuación
Paso 2) Una vez agregada la casilla de verificación, vaya a la ventana de propiedades haciendo clic en el control Casilla de verificación.
En la ventana de propiedades,
- Primero, debe cambiar la propiedad de texto de ambos controles de casilla de verificación. Vaya a la ventana de propiedades y cambie el texto a C# y ASP.Net.
- De manera similar, cambie la propiedad de nombre de ambos controles de radio. Vaya a la ventana de propiedades y cambie el nombre a chkC para una casilla de verificación y a chkASP para la otra.
Una vez que realice los cambios anteriores, verá el siguiente resultado
Salida:-
Botón
Se utiliza un botón para permitir al usuario hacer clic en un botón que luego iniciaría el procesamiento del formulario. Veamos cómo podemos implementar esto con el ejemplo que se muestra a continuación. Agregaremos un botón simple llamado "Enviar" que se utilizará para enviar toda la información en el formulario.
Paso 1) El primer paso es arrastrar el control del botón a la Windows Formulario de la caja de herramientas como se muestra a continuación
Paso 2) Una vez que se haya agregado el Botón, vaya a la ventana de propiedades haciendo clic en el control Botón.
- Primero, debes cambiar la propiedad de texto del control de botón. Ve a la ventana de propiedades y cambia el texto a "Enviar".
- De manera similar, cambie la propiedad de nombre del control. Vaya a la ventana de propiedades y cambie el nombre a 'btnSubmit'.
Una vez que realice los cambios anteriores, verá el siguiente resultado
Salida:-
Felicidades, ya tienes tu primer básico. Windows Formulario en su lugar. Pasemos ahora al siguiente tema para ver cómo podemos realizar el manejo de eventos para los controles.
Manejo de eventos de C# para controles
Al trabajar con formularios de Windows, puede agregar eventos a los controles. Un evento es algo que sucede cuando se realiza una acción. Probablemente la acción más común sea hacer clic en un botón de un formulario. En C# Windows Formularios, puede agregar código que se puede usar para realizar ciertas acciones cuando se presiona un botón en el formulario.
Normalmente, cuando se presiona un botón en un formulario, significa que se debe realizar algún procesamiento.
Echemos un vistazo a uno de los eventos y cómo se puede manejar antes de pasar al escenario del evento del botón.
El siguiente ejemplo mostrará un evento para el control Listbox. De esta forma, cada vez que se seleccione un elemento en el control Listbox, debería aparecer un cuadro de mensaje que muestre el elemento seleccionado. Realicemos los siguientes pasos para lograrlo.
Paso 1) Double Haga clic en el cuadro de lista en el diseñador de formularios. Al hacer esto, Visual Studio abrirá automáticamente el archivo de código del formulario y agregará automáticamente un método de evento al código. Este método de evento se activará siempre que se seleccione cualquier elemento del cuadro de lista.
Arriba se muestra el fragmento de código que Visual Studio agrega automáticamente cuando hace doble clic en el control de cuadro de lista en el formulario. Ahora, agreguemos la siguiente sección de código a este fragmento de código para agregar la funcionalidad requerida al evento de cuadro de lista.
- Este es el método controlador de eventos que Visual Studio crea automáticamente cuando hace doble clic en el control de cuadro de lista. No necesita preocuparse por la complejidad del nombre del método ni por los parámetros que se le pasan.
- Aquí obtenemos el elemento seleccionado a través de la propiedad lstCity.SelectedItem. Recuerde que lstCity es el nombre de nuestro control Listbox. Luego, utilizamos el método GetItemText para obtener el valor real del elemento seleccionado. Luego, asignamos este valor a la variable de texto.
- Finalmente, usamos el MensajeBox método para mostrar el valor de la variable de texto al usuario.
Una vez que realice los cambios anteriores y ejecute el programa en Visual Studio, verá el siguiente resultado
Salida:-
En el resultado, puede ver que cuando se selecciona cualquier elemento del cuadro de lista, aparece un cuadro de mensaje que muestra el elemento seleccionado del cuadro de lista.
Ahora veamos el control final, que es el método de clic del botón. Nuevamente, sigue la misma filosofía. Simplemente haga doble clic en el botón en el Diseñador de formularios y se agregará automáticamente el método para el controlador de eventos del botón. Luego, solo necesita agregar el código a continuación.
- Este es el método controlador de eventos que Visual Studio crea automáticamente cuando hace doble clic en el control de botón. No necesita preocuparse por la complejidad del nombre del método ni por los parámetros que se le pasan.
- Aquí obtenemos los valores ingresados en el cuadro de texto de nombre y dirección. Los valores se pueden obtener de la propiedad de texto del cuadro de texto. Luego asignamos los valores a dos variables, nombre y dirección, según corresponda.
- Finalmente, usamos el MensajeBox método para mostrar los valores de nombre y dirección al usuario.
Una vez que realice los cambios anteriores y ejecute el programa en Visual Studio, verá el siguiente resultado
Salida:-
- Primero, ingrese un valor en el campo de nombre y dirección.
- Luego haga clic en el botón Enviar
Una vez que haga clic en el botón Enviar, aparecerá un cuadro de mensaje que le mostrará correctamente lo que ingresó en la sección de detalles del usuario.
Árbol e imagenBox Controlar la
Hay 2 controles más que podemos ver, uno es el "Control de árbol" y el otro es el "Control de imagen". Veamos ejemplos de cómo podemos implementar estos controles.
Control de árboles
– El control de árbol se utiliza para enumerar elementos en forma de árbol. Probablemente el mejor ejemplo es cuando vemos el Windows Explorador en sí. La estructura de carpetas en Windows Explorer es como una estructura en forma de árbol.
Veamos cómo podemos implementar esto con el ejemplo que se muestra a continuación.
Paso 1) El primer paso es arrastrar el control Árbol al Windows Formulario de la caja de herramientas como se muestra a continuación
Paso 2) El siguiente paso es comenzar a agregar nodos a la colección de árboles para que puedan aparecer en el árbol en consecuencia. Primero, sigamos los siguientes subpasos para agregar un nodo raíz a la colección de árboles.
- Vaya a la caja de herramientas de propiedades del control de vista de árbol. Haga clic en la propiedad del nodo. Esto abrirá el editor de nodos de árbol.
- En el Editor TreeNode, haga clic en el botón Agregar raíz para agregar un nodo raíz a la colección de árboles.
- A continuación, cambie el texto del nodo raíz y proporcione el texto como raíz y haga clic en el botón "Aceptar". Esto agregará el nodo raíz.
Paso 3) El siguiente paso es comenzar a agregar los nodos secundarios a la colección de árboles. Sigamos los siguientes subpasos para agregar un nodo raíz secundario a la colección de árboles.
- Primero, haga clic en el botón Agregar hijo. Esto le permitirá agregar nodos secundarios a la colección Tree.
- Para cada nodo secundario, cambie la propiedad de texto. Repita el paso anterior y este paso y agregue dos nodos adicionales. Al final, tendrá tres nodos como se muestra arriba, con el texto como Etiqueta, Botón y Casilla de verificación respectivamente.
- Haga clic en el botón Aceptar.
Una vez que haya realizado los cambios anteriores, verá el siguiente resultado.
Salida:-
Podrás ver la vista de árbol agregada al formulario. Cuando ejecutas el Windows formulario de aplicación, puede expandir el nodo raíz y ver los nodos secundarios en la lista.
ImagenBox Controlar la
Este control se utiliza para agregar imágenes a Winforms C#. Veamos cómo podemos implementar esto con el ejemplo que se muestra a continuación.
Paso 1) El primer paso es arrastrar la imagen.Box control en el C# Windows Formulario de la caja de herramientas como se muestra a continuación
Paso 2) El siguiente paso es adjuntar una imagen al cuadro de control de imagen. Para ello, siga los pasos que se indican a continuación.
- Primero, haga clic en la propiedad Imagen de la Imagen.Box control. Aparecerá una nueva ventana.
- En esta ventana, haga clic en el botón Importar. Este botón se utilizará para adjuntar una imagen al control Picturebox.
- Aparecerá un cuadro de diálogo en el que podrás elegir la imagen para adjuntar al cuadro de imágenes.
- Haga clic en el botón Aceptar.
Una vez que realice los cambios anteriores, verá el siguiente resultado
Salida:-
Desde la salida, puedes ver que se muestra una imagen en el formulario.
Resumen
- A Windows Un formulario en una aplicación de C# es aquel que se ejecuta en el escritorio de una computadora. Visual Studio Form junto con C# se pueden usar para crear un formulario. Windows Aplicación de formularios.
- Se pueden agregar controles al Windows Formularios C# a través de la caja de herramientas de Visual Studio. Se pueden agregar al formulario controles como etiquetas, casillas de verificación, botones de opción, etc. a través de la caja de herramientas.
- También se pueden utilizar controles avanzados como el control de vista de árbol y el control de imagen.Box controlar.
- Los controladores de eventos se utilizan para responder a eventos generados a partir de controles. El más común es el que se agrega para el evento en el que se hace clic en el botón.
