Tema 6 Programacion de Interfaces Graficas PDF

 

FUNDAMENTOS DE INFORMATICA Tem a 6 Tem Pro rogr gra am aci ción ón de Int nte erf rfa aces Gráficas

Departamento de Ingeniería de Sistemas y Automática Universidad de Vigo

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica ca..

Actu Actuali alizac zació ión n Sep Septi tiem embr bre e 2005 2005

1

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Formularios y Controles • Cada d de e los elem elementos entos gráficos áficos q que ue fformar ormar parte parte de una uno aplicación típica de gr Windows es,pueden en la terminología Visual Basic, un tipo de control control:: los botones, cajas de diálogo, cajas de selección desplegable, menús, etc., son tipos de controles de Visual Basic. • Los formularios pueden ser considerados como las ventanas contenedoras de los controles. • Una aplicación (o proyecto proyecto)) puede estar formada por varios formularios, aunque estos no son necesarios.

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica ca..

Actu Actuali alizac zació ión n Sep Septi tiem embr bre e 2005 2005

2

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Eventos relacionados con los Objetos • Las acc acciones iones del usuario sobre lla a inte interfaz rfaz se deno denominan minan . Son pulsar botón, hacer “dobleeventos eventos. click” sobre un eventos icono, eltípicos pulsar el una tecla,un etc. • Cada v vez ez que se prod produce uce un ev evento, ento, V Visual isual Ba Basic sic ejecu ejecuta ta una determinada función o procedimiento procedimiento,, que se llama con un nombre que se forma a partir del nombre del objeto, objeto , separado con el carácter “ _” y el nombre del evento correspondiente. • Ej Ejem empl plos os::

Objeto_Evento Objeto_Evento......

For m_ L oad Bt nAcept cept ar _ Cl i ck  Tmr Ac c i on_ on_ Ti mer Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica ca..

Actu Actuali alizac zació ión n Sep Septi tiem embr bre e 2005 2005

3

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Eventos relacionados con los Objetos Lis ta de eventos de un Lista objeto o control. contr ol. En En n ne egrita se muestra muestr an aquello aquellos s con código códig o asociado. asociado.

Código ódi go asociado asoc iado al evento evento “ Click” de un Botón de comando

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica ca..

Actu Actuali alizac zació ión n Sep Septi tiem embr bre e 2005 2005

4

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Métodos asociados a los Objetos • Los

métodos

son

funciones

o

procedimientos

pre-

programados en de el controles. lenguaje que están asociadas a una determinada clase • Se acc accede ede a lo los s mét métodos odos de c cada ada cont control rol por m medio edio de s su u nombre correspondiente. Para invocar  un método de un control, se introduce el nombre del del c control ontrol,, el símbolo “ .” y el nombre del método  junto con los parámetros (si éstos son necesarios). • Ej Ejem empl plos os::

Objet Objeto oo. .Metodo M etodoo[([(parámetro par ámetros)] s)] Objet Objeto Metodo Metod parámetros)] parámet ros)]

 Txt Us uar i o. Move( 30) Bt nAcept cept ar . Re Ref r es h Ls t Us uar i os. Ad AddI t em( “ PEPE PEPE”” ) Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica ca..

Actu Actuali alizac zació ión n Sep Septi tiem embr bre e 2005 2005

5

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Controles elementales del Entorno de Programación VB PictureBox: permite mostrar imágenes en los formularios del programa. Label: etiquetas de texto que el usuario no puede modificar directamente. TextBox: edición de texto, permite que el usuario introduzca datos. Frame: marco para el agrupamiento funcional de controles en formularios. CommandButton: botón de comando para solicitar ejecución de acciones. CheckBox: permite ofrecer al usuario una opción de selección Si/No. OptionButton: opción, de entre un conjunto, que se puede seleccionar. ListBox: lista de elementos de la cual es posible seleccionar varios. ComboBox: combinación entre los controles TextBox y ListBox. HScrollBar/VScrollBar: barra de desplazamiento horizontal/vertical. Timer: permite la ejecución de código a intervalos periódicos. Line: control gráfico para visualizar líneas rectas en los formularios. Shape: control gráfico que permite mostrar formas geométricas básicas. Data: proporciona acceso a información almacenada en Bases de Datos. CommonDialog: conjunto de cuadros de diálogo estándar operaciones habituales (ficheros, colores, tipos de letra, etc.) Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica ca..

Actu Actuali alizac zació ión n Sep Septi tiem embr bre e 2005 2005

para 6

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Proyectos y Ficheros Proyecto roy ecto VB VB compuesto com puesto de d e: - 2 form formula ularios rios - 2 módulos de programa programa almace lmacenado nado en disco dis co fflexible. lexible.

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica ca..

Actu Actuali alizac zació ión n Sep Septi tiem embr bre e 2005 2005

7

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Formularios y controles básicos  El Formulario es un objeto, que sirve de soporte de otros

objetos.  En este cuadro gráfico, que llamamos formulario, podemos

introducir etiquetas, cajas de texto donde podemos escribir, figuras, elementos donde podemos elegir entre opciones, etc...  Un Formulario es lo que normalmente conocemos por

Ventana.

Un Formulario es una ventana Windows de nuestra aplicación.  Una Aplicación puede tener

varios Formularios.

 Un Formulario puede servir también como soporte de textos o

dibujos.  Como cualquier objeto de Visual Basic, un formulario tiene

propiedades y procedimientos.

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica ca..

Actu Actuali alizac zació ión n Sep Septi tiem embr bre e 2005 2005

8

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Formulario: propiedades más importantes  Name Name:: Define al objeto durante la ejecución del programa.

Se introduce en tiempo de diseño y no se puede variar durante la ejecución del programa (sólo lectura). Es el te text xto o qu que e ap apar arec ecer erá á en lla a  Caption Caption:: Es

barra de Título

cada vez que aparezca en pantalla este formulario. No tiene otra función dentro del programa. El programa no accede a los formularios por el título, sino por el nombre. Puede cambiarse en tiempo de ejecución. Propiedad booleana. Si está en True, el formul for mulario ario e está stá act activad ivado o y se pue puede de int intera eractu ctuar ar con él él.. Si está en False, se desactiva el formulario, impidiendo de esta forma, que se pueda trabajar con él en tiempo de ejecución.

Enabled::  Enabled

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica ca..

Actu Actuali alizac zació ión n Sep Septi tiem embr bre e 2005 2005

9

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Formulario: propiedades más importantes Especif ecifica ica el ti tipo po y ttama amaño ño de lla a let letra ra qu que e se u usar sará á en el  Font: Esp formulario.  Visible:  Asignándole el valor True la pantalla es visible, y asignándole el valor False, no se ve ve.. Este valor puede cambiarse durante el tiempo de ejecución. Esta tabl blec ece e e ell e est stad ado o e en n e ell q que ue ap apar arec ecer erá á el  WindowState: Es formulario cuando se activa y presenta en pantalla. Admite tres opciones: 0 (Normal): Posición y tamaño que tenía en tiempo de diseño. 1 (Minimizado): representado por su icono. 2 (Maximizado): ocupando toda la pantalla.

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

10

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Formularios y controles básicos Pr i nc nc i pal pal .Caption   = “ Gest es t i ón de Gast as t os os”” Pr i nc nc i pal pal .WindowState   = 0

nci p pa al ” . El valor de la propiedad Name de este este formul formulari ario o es “ Pr i nci Dicho valor sólo se puede cambiar en modo diseño.

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

11

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Formulario: métodos más importantes

Click de ratón sobre el formulario DblClick: Doble-Click de ratón sobre el formulario.

 Click:  

KeyPress: Pulsar una tecla.  Show: Mostrar el formulario (carga si es necesario).  Load: Cargar el formulario (no lo muestra).  MouseDown: Pulsar una tecla del ratón sobre él.  Unload: Descargar el formulario.

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

12

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Controles  Una vez introducido un Formulario, se pueden colocar los

componentes (Controles (Controles)) que forman parte de la aplicación.  Los Controles, del mismo modo que el Formulario, son objetos con Propiedades, métodos y eventos.  Las Propiedades definen las características del Control. Los

Métodos definen su forma de actuar frente a un evento.

 Para colocar un control en un Formulario, basta con “ tomarlo”

de la caja de herramientas y llevarlo al Formulario. Si no existiese el control deseado en la caja de herramientas, deberemos ir a seleccionarlo a Componentes que está en el menú me nú de desp sple lega gabl ble e Proyecto. Este control pasa a formar parte de la caja de herramientas. Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

13

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Controles: propiedades comunes y más importantes  Name: Define al objeto durante la ejecución del programa. Se

introduce en tiempo de diseño y no se puede variar durante la ejecución.  Caption: Es el texto que apa aparecerá recerá en el co control ntrol ((En En el ca caso so de

un formulario es el título, en el caso de un botón el texto del mismo, etc.). Puede cambiarse en tiempo de ejecución. El programador no accede a este control por la propiedad Capt apt i on on, sino por el nombre (Na Nam me).  Enabled Enabled:: Propiedad

Booleana que habilita o deshabilita un

control. Cuan control. Cuando do és éste te es está tá desh deshabil abilita itado do (Enabl ed = False), el control control no tien tiene e efect efecto, o, y s su u aparien apariencia cia varí varía, a, prese presentando ntando un tono pálido tanto en su cuerpo como en su título. Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

14

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Controles: propiedades comunes y más importantes  Font: Es el tipo de letra que se emplea para visualizar texto

(caption). Puede cambiarse en tiempo de ejecución.  Altura del control. Height: Altura  Height:  Width:  Ancho del control. Width: Ancho  Index: (Índice): En el caso de que se tengan varios controles

que realicen una función similar puede declararse un “control array” con es estos tos c control ontroles. es. Todo Todos s tend tendrán rán el m mismo ismo n nombre, ombre, y se diferenciarán un índice. Esta propiedad, Index Index,, toma el número de dicho por índice.  Left: Indica la posición de la parte izquierda del control con

respecto a la ventana.  Top: Indica la coordenada de la parte superior del control. Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

15

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Controles: propiedades comunes y más importantes Nº varios de controles orden paen ra untabmismo ulador)formulario, Cuando  TabIndex: disponemos (de solamente uno de ellos tiene el foco. Es posible pasar de un control a otro (cambiar el foco de un control a otro) pulsando la tecl tecla a TAB TABul ulado ador. r. La pr propi opieda edad d TabIndex marca el orden que seguirá seguirá el foco al recor recorrer rer los contro controles les del F Formular ormulario. io.  Visible: Propiedad

cont ntro roll se v ve, e, s sii Booleana. Si es True, el co

control ol no se v ve. e. Pue Puede de cam cambiar biarse se en ti tiemp empo o es False, el contr de ejecución. De hecho, es un recurso muy usado para dejar visibles, en un Formulario, solamente los controles necesarios en un instante dado.

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

16

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Formularios y controles básicos Formularios y controles básicos Private Sub Form_Load  () c md_ acep aceptt ar . Enabled   = True c md_ d_c c ancel ar . Enabled   = True

cmd_ bor r ar . Enabled   = False End Sub Private Sub Form_Load  () True c _ acep acept t arar. Enabled   = cm md d_ d_c c an anc c el . Enabled    = False cmd_ bor r ar . Enabled   = True cmd_ bor r ar . Font.Italic   = True End Sub Private Sub Form_Load  () c md_ acep aceptt ar . Enabled   = True c md_ d_c c an anc c el ar . Visible   = False

cmd_Sub bor r ar . Enabled   = False End Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

17

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Controles: métodos más importantes 

Click: Hacer Click con el ratón sobre el control.  DblClick: Idem con Doble-Click.  DragDrop:  Arrastrar y/o soltar sobre el control. DragDrop: Arrastrar

 Arrastrar por encima del control. DragOver: Arrastrar  DragOver:  GotFocus: Obtener el foco sobre el control.  KeyDown: Mantener pulsada una tecla.  KeyPress: Pulsar una tecla sobre el control.  KeyUp: Soltar una tecla sobre el control.

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

18

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Controles: métodos más importantes  LostFocus: Perder el foco en el control.  MouseDown: Pulsar una tecla del ratón sobre el control.  MouseMove: Mover el ratón (Detecta la posición del ratón

sobre el control).  MouseUp: Soltar una tecla del ratón sobre el control. 

Paint: Pintar el control.  Resize: Cambio de tamaño del control.

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

19

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Formularios y controles básicos Private Sub   t xt _ nombr  _KeyPress   e_KeyPress( Key eyA As ci i  As Integer) If  KeyAsci i   =   13 Then   ‘ El 13 es es el c ód ódii go AS ASCI I de

l a t ecl a “E “ Ent er ”

If   t xt _ nombr e "" Then

l bl _s _ s un unom ombr e. Capt i on = "Su nombr e es " &   t xt _ nombr e. Text Text

Else

l bl _s _ s un unom ombr e. Capt i on = "Su nombr e es ¿ ? " End If End If End Sub

txt_nombre   lbl_sunombre Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

20

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

El

Control: CommandButton control CommandButton (botón

de

comando) nos permite determinadas acciones pulsando sobrerealizar él.

Control: Label Una Label (etiqueta) es un control que nos permite perm ite pr prese esenta ntarr un tex texto. to. L La a etiq etiquet ueta a se usa en casos en los que exista una información que no debe ser c camb ambiada iada p por or el u usuar suario. io.

Control: TextBox Un Textbox es un control en el que se presentan o introducen textos.. No textos Norma rmalme lmente nte se us usan an pa para ra iintr ntrodu oducir cir tex texto, to, o par para a la presentación de aquellos que el usuario pueda cambiar. Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

21

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Controles: CheckBox y OptionButton Cada casilla CheckBox es independiente de las demás, dem ás, pud pudiend iendo o toma tomarr el valo valorr 1 (sele (selecci ccionad onado) o) o 0 (no seleccionado), a voluntad del usuario.

OptionButton muestra una opción que puede tomar valor True (ac (acti tivar var)) o v valo alorr False (desactivar), pero con dependencia del estado de otros OptionButton.

 Value: El valor de esta propiedad, en ambos controles, indica

si cada cada uno de e esto stos sc contr ontrole oles s es está tá sel selecc ecciona ionado do o no no.. Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

22

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Controles: ComboBox y ListBox Un control ListBox muestra una lista de elementos en la que el usuario puede seleccionar uno o más. Si el número de elementos supera el número que puede mo puede most stra rars rse, e, se a agr grega egará rá au auto tomá máti tica came ment nte e una barra de desplazamiento al control ListBox. Un ComboBox combina las características de un un ListBox usuarios pueden TextBox introducir yinformación en. laLos parte del cuadro de texto y seleccionar un elemento en la parte de cuadro de lista del control.

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

23

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

ComboBox y  y ListBox  y  ListBox Controles: ComboBox  ListCount: Indica el número de elementos que tiene la lista

Indica el número  ListIndex: seleccionado dentro de la lista.

de orden del elemento

  A  Ad d d Item It em::  Añade un elemento a la lista.  RemoveItem: Elimina un elemento de la lista.  Text: Obtiene el texto del elemento seleccionado.  L i s t (n ): Obtiene el elemento cuyo orden dentro de la lista

viene dado por el valor de “n”.

 ItemData: Devuelve [o establece] un número específico para cada elemento de un control ComboBox o ListBox. Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

24

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Formularios y controles básicos. Ejemplo programación Private Sub   l

i s t aper s onal _ Click Click( ) aper er s onal . I t emDat a( l i s t aper aper s onal onal . Li st s t I ndex ex)) l bl bl __c c od ods s el e ec. c. C Cap aptt i on =   l i s t ap l bl _ noms el ec ec.. C Capt apt i on =   l i s t aper s onal . Li st ( l i s t aper s onal . Li st I ndex)

End Sub KeyPress( Key Private Sub   t xt _ nombr e_ KeyPress eyA As ci i  As Integer) If  KeyAsci i   =   13 Then If   t xt _ nombr e  "" And    t xt _ co cod di go  "" Then

l i st aper s onal . AddI t em t xt _ nombr e l i s t ap aper er s on onal al . I t emDat a( l i s t ap aper er s onal onal . NewI n nd dex ex)) =   t xt _codi _codi go End If End If End Sub

lbl_codselec lbl_nomselec

txt_codigo txt_nombre listapersonal Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

25

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Controles: Timer (Temporizador)  Este objeto permite realizar acciones periódicas. Presenta una

novedad respecto a los controles estudiados hasta ahora.  El control

Timer  solamente se ve durante el tiempo de diseño.

En tiempo de ejecución, el control permanece invisible.  Interval: El valor de esta propiedad nos dará el intervalo de

tiempo (en milisegundos) en que se producirá un evento  Ti mer y, consecuentemente, se ejecutará el código asociado por el programador a este evento.  Timer: Este procedimiento se ejecuta cada vez que se cumple

un intervalo completo. Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

26

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Conceptos Básicos sobre Menús  La

Barra de Menú es un componente de un Formulario.

 El Menú o Barra de Menú, de existir, es la segunda línea de

cualquier ventana Windows. palabra de la barra de menú, puede desplegarse a su  De vezcada un nuevo menú.  Para cada palabra se produce el evento Click Click.. Cada palabra

de la Barra de Menú lleva anexo un único procedimiento, que se ejecutará al hacer Click sobre la palabra. Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

27

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

El editor de Menús  Para crear un menú se usa el

Editor de Menús, que se encuentra en el entorno VB en “Herramientas

| Editor de menús “.  Cada

palabra del menú tiene Caption (palabra que aparece en el menú), Name (Nombre), y puede tener Index (para palabras con el mismo Name).

   Shortcut : Esta propiedad admite

varias combinaciones de teclas para acceder al procedimiento Click de esa palabra sin necesidad de usar el ratón. Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

28

 

Pro rogr gra amació mación n de Int Inte erf rfa aces Gráficas

Controles para mostrar imágenes Para presentar una imagen es necesario hacerlo sobre un objeto que la admita. Los objetos básicos que admiten una imagen son:  Formularios Formularios..

PictureBox..  Controles PictureBox Image.  Controles Image. Para mostrar una imagen en cualquiera de estos objetos, es necesario especificarlo en su propiedad Picture Picture.. Pr i nc nc i pal pal . Picture   = LoadPicture( "C: \ i magen_f agen_ f i j a_ 1. j pg") ‘ Pa Parr a " desc esca ar gar " es a i magen en,, bas t a con c on ej ej ecut ar : Pr i nc nc i pal pal . Picture   = LoadPicture( ) Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

29

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

 

Conceptos básicos del CommonDialog Se presenta en tiempo de diseño con un simple icono. El cuadro de diálogo se utiliza para varias funciones comunes como:

  Abrir Ficheros

 Guardar Ficheros 

Elegir colores

 Seleccionar Impresora  Seleccionar Fuentes 

Mostrar el fichero de Ayuda Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

30

 

rogr gra amació mación n de Int Inte erf rfa aces Gráficas Pro

Ejemplo: Abrir un archivo

Dialogo. ShowOpen

Departamento de Ingeniería de Sistemas y Automática. Fundamentos de informática. Programación de interfaces gráficas.

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

31

 

FUNDAMENTOS DE INFORMATICA Tem a 6 Tem Pro rogr gra am aci ción ón de Int nte erf rfa aces Gráficas

Departamento de Ingeniería de Sistemas y Automática Universidad de Vigo

Fu Fund ndam amen ento toss de Info Informá rmáti tica. ca. Depa Depart rtam amen ento to de In Inge geni nierí ería a de Sis Siste temas mas y Auto Automá máti tica. ca.

Actu Actuali alizac zación ión Sep Septi tiem embre bre 2005 2005

32