Es común que las aplicaciones de escritorio utilicen cuadros de diálogo cuando solicitan información al usuario. Puede crear cuadros de diálogo de entrada en una aplicación de Windows Forms mostrando una nueva ventana.

También puede agregar elementos de la interfaz de usuario a la nueva ventana de diálogo. Estos incluyen mensajes, cuadros de texto y botones "Aceptar" y "Cancelar". Cuando el usuario ingresa información en el cuadro de entrada, puede almacenar el resultado y usarlo en otras partes de la aplicación.

Cómo crear una función de clic para activar el cuadro de diálogo de entrada

El cuadro de diálogo no siempre debe estar visible. Puede activar el cuadro de diálogo para que se muestre cuando el usuario completa una acción, como hacer clic en un botón. También puede obtener más información sobre otros Eventos de formularios de Windows que puede usar en una aplicación de Windows Forms.

Agregue un botón al lienzo y cree una función que se ejecutará cuando el usuario haga clic en el botón.

instagram viewer
  1. Crear un nueva aplicación de formularios de Windows en Visual Studio.
  2. En la Caja de herramientas, busque un control de interfaz de usuario de botón.
  3. Haga clic y arrastre un botón al lienzo.
  4. En la ventana de propiedades, cambie las propiedades del botón a los siguientes valores nuevos:
    Nombre de la propiedad Nuevo valor
    Nombre botón de diálogo
    Tamaño 400, 100
    Texto Abrir cuadro de diálogo de entrada
  5. En la Caja de herramientas, haga clic y arrastre una etiqueta al lienzo. Coloque la etiqueta al lado derecho del botón.
  6. En la ventana de propiedades, cambie las propiedades de la etiqueta a los siguientes valores:
    Nombre de la propiedad Nuevo valor
    Nombre etiquetaRespuestaEntrada
    Visible Falso
  7. Haga doble clic en el nuevo botón de diálogo de entrada. Esto generará una función de clic en el archivo CS de código subyacente para el formulario.
    privadovacíobotón_de_diálogo_Click(remitente del objeto, EventArgs e)
    {
    // El código aquí se activará cuando el usuario haga clic en el botón
    // Mostrará el cuadro de diálogo de entrada
    }

Cómo crear el cuadro de diálogo de entrada

Cree el cuadro de diálogo dentro de una nueva función. La función creará mediante programación un nuevo formulario y le agregará elementos de la interfaz de usuario, incluido un cuadro de texto con los botones "Aceptar" y "Cancelar".

  1. Bajo la botón de diálogo_Click() función, cree una nueva función que creará el cuadro de diálogo de entrada. El parámetro "título" se mostrará en la esquina superior izquierda de la ventana. El valor de "promptText" se mostrará al usuario. El parámetro "valor" es un parámetro de salida y devolverá el valor que el usuario ingresó dentro del cuadro de entrada.
    públicoestático Cuadro de entrada DialogResult (título de cadena, texto indicador de cadena, valor de cadena de referencia)
    {
    }
  2. Dentro de Cuadro de entrada() función, cree los elementos de la interfaz de usuario que se mostrarán en el formulario.
    formulario formulario = nuevo Forma();
    Etiqueta etiqueta = nuevo Etiqueta();
    cuadro de texto cuadro de texto = nuevo Caja de texto();
    Botón botónOk = nuevo Botón();
    Botón botónCancelar = nuevo Botón();
  3. Agregue el título del formulario, que se mostrará en la esquina superior izquierda. Agregue también el mensaje principal que se mostrará al usuario, encima del cuadro de entrada.
    forma. Texto = título;
    etiqueta. Texto = mensajeTexto;
  4. Agregue valores para los botones "Aceptar" y "Cancelar". La propiedad de texto contiene el texto que se muestra encima de cada botón. La propiedad DialogResult contiene el tipo de resultado que representará el botón. Puede leer más sobre DialogResult en Documentación oficial de Microsoft.
    botónOk. Texto = "OK";
    botónCancelar. Texto = "Cancelar";
    botónOk. Resultado de diálogo = Resultado de diálogo. OK;
    botónCancelar. Resultado de diálogo = Resultado de diálogo. Cancelar;
  5. Utilizar el EstablecerLímites() para establecer las posiciones x e y de la etiqueta, el cuadro de texto y los botones del formulario. También puede especificar el ancho y la altura de cada elemento.
    etiqueta.EstablecerLímites(36, 36, 372, 13);
    caja de texto.EstablecerLímites(36, 86, 700, 20);
    botónOk.EstablecerLímites(228, 160, 160, 60);
    botónCancelar.EstablecerLímites(400, 160, 160, 60);
  6. Configure algunas propiedades para la ventana de diálogo en sí. Estas propiedades establecen el tamaño del formulario, los bordes y la posición inicial. También controla la capacidad de minimizar o maximizar la ventana, o cambiar el tamaño de la etiqueta si es necesario.
    etiqueta. Tamaño automático = verdadero;
    forma. Tamaño del cliente = nuevo Tamaño(796, 307);
    forma. FormBorderStyle = FormBorderStyle. Diálogo fijo;
    forma. PosiciónInicio = PosiciónInicioForma. pantalla central;
    forma. MinimizarCuadro = falso;
    forma. MaximizarCuadro = falso;
  7. Agregue los elementos de la interfaz de usuario al nuevo formulario y establezca los botones de aceptar y cancelar del formulario en los objetos de botón creados anteriormente.
    forma. Control S. AgregarRango(nuevo Control[] { etiqueta, cuadro de texto, botónOk, botónCancelar });
    forma. AceptarBoton = botonOk;
    forma. BotónCancelar = botónCancelar;
  8. Muestra la ventana de diálogo recién creada al usuario.
    DialogResult dialogResult = formulario. MostrarDiálogo();
  9. Almacene el valor que el usuario ingresó en el cuadro de texto. Devuelva el resultado del formulario, que sería "Aceptar" o "Cancelar", según el botón en el que el usuario haga clic.
    valor = cuadro de texto. Texto;
    devolver resultado de diálogo;

Cómo utilizar el cuadro de diálogo de entrada

Para utilizar el cuadro de diálogo de entrada, llame al Cuadro de entrada() función dentro de la botón de diálogo_Click() función. Cuando el usuario hace clic en el botón "Abrir cuadro de diálogo de entrada", se mostrará el cuadro de diálogo.

  1. Dentro de botón de diálogo_Click() función, cree una variable para almacenar el valor que el usuario ingresa dentro del cuadro de texto. Este valor vendrá del parámetro de salida "valor".
    valor de cadena = "";
  2. Muestre el cuadro de diálogo llamando al Cuadro de entrada() función. Compruebe si el usuario hace clic en el botón "Aceptar" y, de ser así, agregue texto en la pantalla para mostrar la respuesta al usuario.
    si (CuadroEntrada("Caja de diálogo", "¿Cuál es su nombre?", valor de referencia) == DialogResult. OK)
    {
    entrada de respuesta de etiqueta. visibles = verdadero;
    entrada de respuesta de etiqueta. Texto = "Su nombre: " + valor;
    }

Cómo ver el cuadro de diálogo de entrada emergente

Ejecute la aplicación y active el cuadro de diálogo.

  1. Haga clic en el botón verde de reproducción en la parte superior de la ventana de Visual Studio.
  2. Haga clic en el Abrir cuadro de diálogo de entrada botón para mostrar el cuadro de diálogo.
  3. Introduzca un nombre en el cuadro de texto y haga clic en el OK botón. El cuadro de diálogo se cerrará y mostrará los resultados ingresados ​​en el cuadro de texto.
  4. Haga clic en el Abrir cuadro de diálogo de entrada de nuevo para volver a abrir el cuadro de diálogo.
  5. Haga clic en el Cancelar botón para cerrar el cuadro de diálogo. Esto cancela el cuadro de diálogo sin completar ninguna acción ni actualizar la interfaz de usuario.

Agregar contenido y elementos de la interfaz de usuario a su aplicación de Windows Forms

Puede crear cuadros de diálogo de entrada en una aplicación de Windows Forms y mostrárselos al usuario cuando ocurran ciertos eventos. Puede crear una nueva ventana de diálogo creando un nuevo formulario. A continuación, puede agregarle nuevos elementos de la interfaz de usuario, como etiquetas, cuadros de texto o botones.

Una vez que el usuario haya ingresado la información requerida, puede cerrar el cuadro de entrada y almacenar la información que ingresó.

Si desea agregar más contenido a su IU o cuadro de diálogo, puede explorar cómo agregar otros elementos de la IU. Esto incluye elementos como formas o imágenes.