Compartir a través de


Tutorial 1: Crear un visor de imagen

En este tutorial, compilará un programa que carga una imagen de un archivo y la muestra en una ventana.Aprenderá a arrastrar controles como botones y cuadros de imagen en el formulario, establecer sus propiedades y utilizar los contenedores para cambiar el tamaño del formulario de manera fluida.También empezará a escribir código.Aprenderá a:

  • Cree un nuevo proyecto.

  • Probar (depurar) una aplicación.

  • Agregar controles básicos, como casillas y botones, a un formulario.

  • Colocar controles en un formulario mediante los diseños.

  • Agregar los cuadros de diálogo Abrir archivo y Color a un formulario.

  • Escribir código mediante IntelliSense y fragmentos de código.

  • Escribir métodos de control de eventos.

Cuando termine, el programa se parecerá al de la ilustración siguiente.

Imagen que creará en este tutorial

Imagen que creará en este tutorial

vínculo a vídeoPara obtener una versión en vídeo de este tema, vea Cómo se hago: ¿Crear un visor de imagen en Visual Basic? o Cómo se hago: ¿Crear un visor de imagen en C#?.

[!NOTA]

En este tutorial, se trata tanto Visual C# como Visual Basic, por lo que deberá centrarse en la información específica del lenguaje de programación que use.

Temas relacionados

Título

Descripción

Paso 1: Crear un proyecto de aplicación de Windows Forms

Empezar a crear un proyecto de aplicación de Windows Forms.

Paso 2: Ejecutar el programa

Ejecutar el programa de aplicación de Windows Forms que se creó en el paso anterior.

Paso 3: Establecer las propiedades del formulario

Cambiar el aspecto del formulario mediante la ventana Propiedades.

Paso 4: Diseñar un formulario con un control TableLayoutPanel

Agregar un control TableLayoutPanel al formulario.

Paso 5: Agregar controles al formulario

Agregar controles, como PictureBox y CheckBox, al formulario.Agregar botones al formulario.

Paso 6: Asignar un nombre a los controles de botón

Cambiar el nombre de los botones por otros más significativos.

Paso 7: Agregar componentes de diálogo al formulario

Agregar un componente OpenFileDialog y un componente ColorDialog al formulario.

Paso 8: Escribir código para el controlador de eventos del botón Mostrar una imagen

Escribir código mediante la herramienta IntelliSense.

Paso 9: Revisar, comentar y probar el código

Revisar y probar el código.Agregar comentarios según sea necesario.

Paso 10: Escribir código para botones adicionales y una casilla

Escribir código para hacer que funcionen otros botones y una casilla mediante IntelliSense.

Paso 11: Ejecutar el programa y probar otras características

Ejecutar el programa y establecer el color de fondo.Probar con otras características, como cambiar colores, fuentes y bordes.