entornostema01.pdf
TRANSCRIPT
CENTRO CONCERTADO DE FORMACIÓN PROFESIONAL
Tema 1
Introducción a
Aplicaciones
Windows Entornos de Desarrollo
Grupo: DAM 1º
Profesor: Teresa Valtueña
Módulo Entornos de Desarrollo Profesor: Teresa Valtueña Unidad 1 –Página 2
Grupo DAM 1º
UNIDAD 1: Introducción a Aplicaciones Windows
1-1. PROGRAMACIÓN VISUAL
Uno de los puntos fuertes de Visual Studio .NET es que se trata de una herramienta
visual de programación. El objetivo es la confección de aplicaciones Windows.
Visual Studio .Net facilita la creación de ventanas, donde se sitúan aquellos elementos
de la interfaz de usuario, sin necesidad de escribir ni una línea de código.
Así pues si deseamos diseñar una ventana de introducción de datos, simplemente
tendremos que crear un nuevo formulario, redimensionándolo como cualquier ventana de
Windows que lo permita e ir dibujando controles en dicho formulario. Para todo esto no hará
falta escribir ni una sola línea de código.
Una parte importante del trabajo de las aplicaciones Windows es el diseño de una
interfaz agradable y sencilla para el usuario.
Lógicamente detrás de la interfaz de la aplicación hay código, este código se estructura
en clases, ya que todos los elementos que podamos dibujar son tratados como objetos en el
código VB .NET.
1-2. UNA APLICACIÓN WINDOWS Una de las características de este entorno es la similitud de funcionamiento de la
mayoría de aplicaciones para que el usuario pueda reconocer aspectos similares que le
faciliten su rápida adaptación a las nuevas aplicaciones.
Barra de título
Barra de menú
Barra de
herramientas
Barra de estado
Área de
edición
Módulo Entornos de Desarrollo Profesor: Teresa Valtueña Unidad 1 –Página 3
Grupo DAM 1º
La imagen anterior corresponde a una típica aplicación Windows. Como se puede ver,
aparece en una ventana independiente en la que trabajaremos con la aplicación.
Toda aplicación Windows se sitúa en una ventana inicial y posteriormente van
abriéndose más si se necesitan. Las ventanas son llamadas formularios en la nomenclatura VB
.NET.
En la parte superior de la ventana se sitúa la llamada barra de título. Esta barra suele
indicar el nombre de dicha ventana. Si es la ventana principal de una aplicación, como es el
caso, indicará el nombre de la aplicación.
La barra de título es muy importante ya que también indica qué ventana posee el foco
o es la ventana activa. En el entorno Windows una aplicación puede tener abiertas un gran
número de ventanas al mismo tiempo. Además es posible tener más de una aplicación
funcionando ya que es un sistema multitarea.
Por ello es importante poder distinguir qué ventana es la activa, es decir, con qué
ventana se está trabajando en cada momento. Solo puede haber una ventana activa, que es la
que interactúa con el usuario.
Esta ventana activa se identifica al tener su barra de título de color azul. El resto de las
ventanas tendrán su barra de título atenuada. (En algunas versiones de Windows, las ventanas
que no tienen el foco aparecen con su barra de título de color gris). Esto puede verse en la
siguiente imagen.
Módulo Entornos de Desarrollo Profesor: Teresa Valtueña Unidad 1 –Página 4
Grupo DAM 1º
Otro componente que aparece en la mayoría de las aplicaciones Windows es la barra
de menús. Esta barra se sitúa inmediatamente debajo de la barra de título de la ventana
principal de la aplicación y facilita comandos que pueden ejecutarse en dicha aplicación a
través de menús desplegables.
En muchas ocasiones podremos encontrar un conjunto de botones gráficos situados de
forma alineada en lo que son las llamadas barras de herramientas.
Es usual que una o más barras aparezcan en la parte inferior de la barra de menús, ya
que su objetivo es el de dar acceso rápido a alguna de las opciones más utilizadas en la
aplicación y que también están disponibles a través de los menús desplegables.
Muchas aplicaciones permiten “personalizar “ las barras de herramientas, en el sentido
de poder cambiar los botones que aparecen.
En otras ocasiones podremos ver estas barras de forma flotante, es decir, sin estar fijas
en los bordes de la ventana, sino en cualquier parte de la misma. Estas barras suelen tener la
posibilidad de modificar su tamaño y posición.
La zona de la ventana donde se trabaja creando los documentos es la zona principal de
la ventana y es llamada área de edición. En esta área realizaremos las actividades propias de
cada aplicación.
En la parte inferior de la ventana aparece la llamada barra de estado. Esta barra tiene
un objetivo informativo para el usuario. Así, suele indicar aspectos del estado del documento o
sobre el comando que va a ejecutar.
Por otra parte, al elegir una opción de un menú, es posible que se abra una nueva
ventana en la que podamos realizar algún proceso. Este tipo de ventanas son las llamadas
cuadros de diálogo ya que normalmente podremos indicar distintas opciones que afectarán en
el proceso que queremos realizar.
Por ello se llaman de esta forma, ya que establecen una especie de “diálogo” entre el
usuario y la aplicación.
Entre los componentes de un cuadro de diálogo podremos observar listas de selección,
casillas de activación, de verificación, botones, etc. Todos estos elementos son controles en la
terminología de Visual Studio . NET, que podremos utilizar al crear nuestros propios cuadros
de diálogo.
Módulo Entornos de Desarrollo Profesor: Teresa Valtueña Unidad 1 –Página 5
Grupo DAM 1º
Y para finalizar la descripción de una aplicación Windows hay que indicar que están
controladas por eventos.
Un evento es una acción reconocida por un componente de la aplicación, como pueda
ser un formulario u otro control. Si ocurre un evento que es reconocido por algún componente
activo de la aplicación, entonces se desencadena la acción programada para dicho evento (si es
que realmente hemos escrito código para ello).
En definitiva, una aplicación Windows está dirigida por eventos, en el sentido de que
son éstos los que hacen que la aplicación funcione.
Ésta es la principal diferencia entre la programación procedural, donde el flujo de
ejecución está predeterminado, y la programación por eventos, donde este flujo no puede
determinarse de antemano ya que son los eventos los que lo establecen.
Un evento puede ser generado por el propio usuario, puede estar programado o ser
generado por el propio sistema.
De esta forma, el control de la aplicación está en manos del usuario y no es la
aplicación quien dirige al usuario, como suele pasar en las aplicaciones antiguas no basadas en
entornos gráficos como Windows.
Eventos pueden ser, elegir una determinada opción de menú, pulsar en un botón de
barra de herramientas o en un botón de un cuadro de diálogo, elegir una opción de una lista
desplegable, etc.
1-3. LA PRIMERA APLICACIÓN WINDOWS
Vamos a volver al entorno de desarrollo para crear una sencilla aplicación Windows.
Después estudiaremos el código que se genera y comprobaremos que se trata de código
orientado a objetos.
Al crear un proyecto del tipo Aplicación para Windows, se crea automáticamente un
formulario que se puede utilizar para incorporar los distintos controles.
En el trabajo con una aplicación Windows vamos a
utilizar principalmente dos ventanas: el Cuadro de
herramientas y la ventana de Propiedades.
En el Cuadro de herramientas aparecen todos los
tipos de controles que podemos incluir en nuestra
aplicación, mientras que la ventana de Propiedades
muestra las propiedades del objeto que tenemos
seleccionado.
En esta última ventana podemos mostrar las
propiedades divididas por categorías u ordenadas
alfabéticamente .
Al crear aplicaciones Windows, seguiremos estos pasos:
1.- Crearemos los formularios y dibujaremos en ellos los controles necesarios.
2.- Estableceremos las propiedades de estos objetos a través de la ventana Propiedades.
Módulo Entornos de Desarrollo Profesor: Teresa Valtueña Unidad 1 –Página 7
Grupo DAM 1º
3.- Escribiremos el código necesario para los eventos que deseamos controlar. Por ejemplo, si
deseamos que ocurra algo cuando se pulsa en un botón, escribiremos el código
correspondiente en el evento Clic de dicho botón.
Private Sub Button1_Click(ByVal sender As System.Object,
ByVal e As System.EventArgs) Handles Button1.Click
Me.Close()
End Sub
El concepto de evento se ve claramente cuando hablamos de aplicaciones Windows.
Hay que tener en cuenta que se trata de un componente más de los objetos, como las
propiedades y los métodos.
Módulo Entornos de Desarrollo Profesor: Teresa Valtueña Unidad 1 –Página 8
Grupo DAM 1º
1-4. ANÁLISIS DEL CÓDIGO
Como hemos visto, la interfaz de usuario de una aplicación Windows se crea de una
forma mucho más cómoda en una herramienta de programación visual como es Visual Studio
.NET.
Visual Studio .NET se encarga de generar el código necesario para todos los
formularios y controles que nosotros dibujamos para lo que utiliza las clases de .NET
Framework.
Veamos ahora el código que se genera automáticamente:
Public Class Form1
Inherits System.Windows.Forms.Form
……………………………………………………
……………………………………………………
……………………………………………………
End Class
Lo primero que podemos ver es que el formulario es realmente una clase. De hecho, no
existe ninguna diferencia entre un formulario y una clase escrita por nosotros. Bueno,
realmente si que hay una pequeña diferencia: los formularios son clases que derivan de la
clase System.Windows.Forms.Form.
La clase Form tiene varias superclases por encima, de las que hereda diversas
funcionalidades, como puede ser la clase Control.
Esta clase específica de este espacio de nombres proporciona la funcionalidad y aspecto
básicos de toda ventana de Windows: su barra de título; los botones maximizar, minimizar y
cerrar; el control de foco, etc.
Cuando creamos un formulario en una aplicación Windows, realmente estamos
incluyendo una subclase de Form, con todo lo que esto significa.
Módulo Entornos de Desarrollo Profesor: Teresa Valtueña Unidad 1 –Página 9
Grupo DAM 1º
Como se trata de una clase, podemos escribir código asociado a ella, correspondiente a
sus métodos. Esto es lo que hemos hecho al escribir los procedimientos que sirven para
responder a los eventos que ocurren a lo largo de la ejecución.
Private Sub RadioButton1_CheckedChanged(ByVal sender As System.Object, By
Val e As System.EventArgs) Handles RadioButton1.CheckedChanged
Dim path As String
path = "c:\Archivos de programa...\disk04.ico"
PictureBox1.Image = Image.FromFile(path)
End Sub
Y como toda clase, tenemos el correspondiente constructor y las propiedades que
podremos encontrar entre el código que aparece en la región Código generado por el
diseñador de Windows Forms.
Ester código no debe ser modificado directamente por nosotros, sino que lo haremos
directamente trabajando en el editor de formularios, añadiendo y modificando los objetos
visualmente.
Public Sub New()
MyBase.New()
' El diseñador de Windows Forms requiere esta llamada
InitializeComponent()
' Agregar cualquier inicialización
End Sub
Así podemos ver que los controles dibujados en el interior del formulario son objetos
que constituyen propiedades del formulario.
Me.panel1 = New System.Windows.Forms.RadioButton( )
Me.RadioButton1 = New System.Windows.Forms.RadioButton( )
Me.RadioButton2 = New System.Windows.Forms.RadioButton( )
Módulo Entornos de Desarrollo Profesor: Teresa Valtueña Unidad 1 –Página 10
Grupo DAM 1º
Me.RadioButton3 = New System.Windows.Forms.RadioButton( )
Me.PictureBox1 = New System.Windows.Forms.PictureBox( )
Me.Button1 = New System.Windows.Forms.Button( )
En el código generado automáticamente, se utiliza la palabra Me para referirse
al propio formulario.
El código que escribiremos estará asociado con los propios procedimientos que
deseemos controlar. Sin embargo, lo importante es darnos cuenta de que dicho código
está en el marco de las clases de .NET Framework.