Tutorial 1: Crear un visor de imágenes

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

Nota

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

Este tutorial le guiará por las tareas siguientes:

  • 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 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, la aplicación debe ser similar a la de la imagen siguiente:

Aplicación de visor de imágenes que se crea en este tutorial

Título Descripción
Paso 1: Crear un proyecto de aplicación de Windows Forms Para empezar, cree un proyecto de aplicación de Windows Forms.
Paso 2: Ejecución de la aplicación de visor de imágenes Ejecute el proyecto de aplicación de Windows Forms que ha creado 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 Agregue un control TableLayoutPanel al formulario.
Paso 5: Agregar controles al formulario Agregar controles, como un control PictureBox y un control 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 Agregue 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 la aplicación y probar otras características Ejecutar la aplicación y establecer el color de fondo. Probar con otras características, como cambiar colores, fuentes y bordes.

También dispone de excelentes recursos de aprendizaje en vídeo gratuitos. Para obtener más información sobre la programación en C#, vea C# fundamentals: Development for absolute beginners (Fundamentos de C#: desarrollo para principiantes absolutos). Para obtener más información sobre la programación en Visual Basic, consulte Visual Basic Fundamentals: Development for Absolute Beginners (Fundamentos de Visual Basic: desarrollo para principiantes).

Pasos siguientes

Para comenzar el tutorial, empiece por el Paso 1: Creación de un proyecto de aplicación de Windows Forms .

Vea también