UNIVERSIDAD NACIONAL DEL SANTA
FACULTAD DE INGENIERIA
E.A.P. SISTEMAS E INFORMATICA
COMPUTACION II
POWER BUILDER 11.5
Ing. Mirko Martn Manrique Ronceros
[email protected]VERSION 1.0
Curso: Computacin II
Tema: Ventanas y Controles en Power Builder
VENTANAS (WINDOWS)
Las Ventanas son como contenedores, es posible poner en ellos una diversidad de objetos. Estos
objetos se denominan en forma genrica.
Las Formas Windows (ventanas) dan una interfase entre el usuario y una aplicacin de PowerBuilder.
Las ventanas (windows) pueden desplegar informacin, pedir informacin a un usuario, y responder a
las acciones que realiza el usuario con el mouse y teclado.
Una ventana consiste de:
Propiedades que definen la apariencia de la ventana y su comportamiento.
Eventos Una ventana tiene eventos como otros objetos de PowerBuilder
Controles ubicados dentro de la ventana. Controles como: CheckBoxes,CommandButton,
etc.
System Tree
Diseo de
controles
Script
Responsable: Ing. Mirko Manrique Ronceros
Ventana de
Propiedad
es
-3-
Curso: Computacin II
Tema: Ventanas y Controles en Power Builder
Luego grabaremos la ventana con el icono de Guardar o eligiendo FILE y despus SAVE en el Power
Men.
A partir de este momento agregar los controles que sean necesarios para nuestra primera aplicacin,
as por ejemplo:
Hacer un click en este
elemento para desplegar la
lista de controles que
podemos agregar a nuestro
objeto window.
Esta ventana principal tiene 5 zonas esenciales para poder iniciar a disear nuestra aplicacin
1. System Tree (Arbol de Sistema). Muestra todos los objetos visibles o no visibles que vamos
creando para nuestra aplicacin.
2. Ventana de diseo de controles. Donde pegaremos todos los controles que requiera nuestra
aplicacin, el primer objeto que vemos all es el window.
3. La ventana de codificacin (Script). En esta ventana se codifica todos los objetos segn el
evento que deseamos que se desencadene o suceda.
4. La ventana de Propiedades. En esta ventana encontramos todas las caractersticas o atributos
referentes al control seleccionado.
5. Ventana de Salida (Output). En esta ventana nos mostrar la salida de los sucesos ocurridos
durante la compilacin de la aplicacin .
Por ejemplo si queremos comenzar nuestra aplicacin colocando el nombre que llevar nuestra
ventana cuando se ejecute para ello vamos a la ventana de propiedades y en la opcin Title,
escribimos Ventana Sumar dos nmeros.
Responsable: Ing. Mirko Manrique Ronceros
-4-
Curso: Computacin II
Tema: Ventanas y Controles en Power Builder
PROPIEDADES DE VENTANA
Las propiedades de la ventana estn organizadas en forma de FICHAS, aqu la descripcin de sus
principales caractersticas:
FICHA
General
DESCRIPCION
La casilla TITLE, indica el texto de ttulo de la ventana. La casilla men Name,
indica el nombre del objeto men para la ventana. Window Type, indica el tipo de
ventana:
Scroll
Child!, ventana que permanece inserta dentro de una ventana MDI
Main!, ventana normal (principal) con posibilidad de men.
Mdi!, ventana que posee rea interna para contener otras ventanas.
MdiHelp!, igual que la anterior, y sirve como ayuda.
Popup!, ventana de contexto o emergente.
Response!, necesita cerrar esta ventana para continuar la ejecucin.
Permite definir si la ventana tendr barras de desplazamiento, y la unidad a utilizarse
por ellas.
Toolbar
Permite definir si se utilizar la caja de herramientas definida para el men su
presentacin y posicin.
Other
Permite indicar la posicin y tamao de la ventana dentro de la pantalla, como ser
presentada.
Responsable: Ing. Mirko Manrique Ronceros
-5-
Curso: Computacin II
Tema: Ventanas y Controles en Power Builder
Layer: permite ver la vista del diseo de la ventana.
Open: muestra el script del objeto seleccionado.
Event List: muestra la lista de eventos del objeto seleccionado.
Function List: muestra la lista de las funciones del objeto seleccionado.
Declare Instance Variables: lugar donde se declaran las variables. Global, Shared,
instante y las funciones externas.
EVENTOS
Evento
Descripcin
Clicked
Cuando el usuario presione el mouse sobre el rea que
conforma el objeto visual.
GetFocus
Cuando el objeto obtiene la atencin, se mouse el cursor
sobre el.
LoseFocus
DoubleClicked
Cuando el objeto pierde la atencin.
Cuando el usuario presiona dos veces el mouse sobre el
rea que conforma el objeto visual.
SelectionChanged Cuando se cambio de tem seleccionado.
RButtonDown
Cuando se presiona el botn derecho del mouse sobre el
rea que conforma el objeto visual.
Modified
Cuando el control pierde la atencin, se presiona
Enter o Tab, o el texto es modificado.
TIPOS DE VENTANAS
Main
PoPup
Child
Response
Mltiple Document Interface (MDI) Frame
MDI Frame con MicroHelp
Main Windows (Ventana Principales)
Las Main Windows son ventanas independientes que actan de forma independiente con el resto de
las ventanas.
Si usa una Main Window como un ancla para su aplicacin. La primera ventana que la aplicacin abre
es una main window - a menos que Ud. haya construido una aplicacin con Multiple Document
Interface (MDI), en este caso la primera ventana que se abre es una MDI Frame.
Responsable: Ing. Mirko Manrique Ronceros
-6-
Curso: Computacin II
Tema: Ventanas y Controles en Power Builder
Si Ud. quiere que una ventana siempre est a disposicin del usuario, que puede ser desplegada en
cualquier momento, en cualquier parte de la pantalla.
Popup Windows (Ventanas Popup)
Las Ventanas Popup son abiertas desde otra ventana, que en la mayora de los casos llegan a ser
padres de las ventanas popup.
Las ventanas popup son utilizadas a menudo como ventanas de soporte. Por ejemplo: si se tiene una
ventana que contiene informacin principal, tales como una lista de pelculas. Se puede usar una
ventana Popup para permitir al usuario vea en detalle los datos de una pelcula en particular.
Utilizando open Open(popupwindow,parentwindow), por ejemplo: open(w_popup,w_padre).
Child Windows (Ventana Hijo)
Las ventanas hijo son siempre abiertas desde el interior de una ventana Main o Popup, que llegan a
ser padres de la ventana hijo (Child window). Una ventana Hijo existe solo dentro de una
ventana padre. Las ventanas Hijo (Child window) no pueden tener mens, y nunca se consideran
como ventanas activas. Una ventana hijo (Child window) se cierra cuando se cierra la ventana que es
padre.
Response Window (Ventana de respuesta)
Las ventanas de respuesta solicitan informacin desde el usuario. Estas ventanas siempre son abiertas
desde el interior de otra ventana (padre). Por lo general, una ventana de respuesta es abierta luego
que algn evento ha ocurrido en la ventana padre.
Las ventanas de respuesta son de modo aplicacin (aplicacin modal). Esto es, cuando una ventana
de respuesta es desplegada, por tanto esta ventana se hace activa (obtiene el enfoque) y las dems
ventanas de la aplicacin no son accesibles mientras el usuarios no responda a la ventana de
respuesta (response window).
Suelen usarse como cajas de mensajes, para dar informacin cuando ocurre un error, cuando se ha
realizado alguna tarea, como se muestra en la figura siguiente.
MDI Frame Windows (marco de interface de multiples documentos)
Una MDI Frame es un marco de ventana en el que se puede abrir mltiples ventanas como
documentos
Sheets(hojas)
moverse
entre
las
hojas(sheets).
Hay dos tipos de ventanas MDI Frame:
* MDI Frame.
* MDI Frame with MicroHelp(con micro ayuda)
Responsable: Ing. Mirko Manrique Ronceros
-7-
Curso: Computacin II
Tema: Ventanas y Controles en Power Builder
CONTROLES
En el desarrollo de software se ha intentado introducir elementos propios de la ingeniera a fin de
aprovechar el esfuerzo que supone la construccin de sistemas informticos. Una de las reas en las
que mas se ha avanzado en este sentido es la que intenta convertir el proceso de construccin de
programas es un proceso de conjuncin de elementos ya existentes.
En la construccin de un automvil se realizan labores creativas, como por ejemplo, el diseo de la
carrocera, pero tambin una labor de ensamblaje de elementos: el motor, las ruedas y los distintos
componentes, normalmente ya existentes antes de la creacin del nuevo modelo. Lo nico que se
hace es unir estos elementos.
Los controles de ventanas de Power Builder son objetos visuales preconstruidos que se ubican en
cualquier zona de las ventanas y permiten armar una interfaz de usuario completa combinndolos a
criterio del diseador de sistemas.
En el painterBar de Window existe el botn que permite elegir a dichos controles y es ste:
Muestra el listado de todos los controles que es posible de utilizar . Adicionalmente se pueden disear
objetos con caractersticas adicionales para ser utilizadas tambin.
Para aadir un control a la ventana, seleccione el control, del listado. Haga click sobre el lugar en la
ventana donde desea aadirlo. Para seleccionar un control de la ventana, de click en l, o mantenga
presionada la tecla control para seleccionar varios objetos. Puede moverlos arrastrando el Mouse.
Los controles son los siguientes :
Control
CommandButton
Icono
Prefijo
cb_
Descripcin
Para implementar botones, con los que se inician
procesos o por el contrario para terminarlos,
cancelarlos o cerrar ventanas.
PictureButton
pb_
Botn con imgenes. Tiene casi todas las
caractersticas del control anterior, pero
adicionalmente permite mostrar una figura dentro
de l.
CheckBox
cbx_
Permite hacer una seleccin (marcarlo) entre varias
alternativas. Cada alternativa es independiente.
RadioButton
rb_
Permite hacer una seleccin (marcarlo) entre varias
alternativas. Slo una alternativa, del conjunto
puede seleccionarse.
StaticText
st_
Caja de texto, como etiqueta. Solo para mostrar
informacin, no hay posibilidad que pueda escribirse
directamente en ella.
Responsable: Ing. Mirko Manrique Ronceros
-8-
Curso: Computacin II
StaticHyperLink
Tema: Ventanas y Controles en Power Builder
shl_
Muestra informacin y adems permite definir una
URL para cargar la pgina web que se le indique.
Picture
p_
Caja de dibujo. Permite visualizar una figura. Esta
puede ser definida en tiempo de diseo, puede ser
modificada en tiempo de ejecucin.
PictureHyperLink
phl_
Muestra grficos y adems permite definir una URL
para cargar la pgina web que se le indique.
GroupBox
gb_
Se usa para agrupar cualquier grupo de controles,
por ejemplo es muy til para agrupar los controles
RadioButton y CheckBox.
Line
l_
Permite dibujar una lnea.
Oval
ov_
Permite dibujar un valo.
Rectangle
r_
Permite dibujar un rectngulo.
RoundRectangle
rr_
Permite dibujar un rectngulo con bordes
redondeados.
SingleLineEdit
sle_
Caja de edicin de texto, es posible que el usuario
en tiempo de ejecucin escriba un texto y se vean
slo asteriscos, se usa para el ingreso de claves de
acceso (passwords).
EditMask
em_
Caja de texto, a la que se le puede restringir el
conjunto de caracteres a ingresar. Permite un
formato de presentacin.
MultiLineEdit
mle_
Se usa para ingresar varias lneas en una entrada de
datos.
RichTextEdit
rte_
Se usa para mostrar texto enriquecido, es decir
texto coloreado, en negritas, itlicas, subrayado, etc.
HScrollBar
hsb_
Barra de desplazamiento horizontal.
VscrollBar
vsb_
Barra de desplazamiento vertical.
HtrackBar
htb_
Barra de pistas horizontal.
VtrackBar
vtb_
Barra de pistas vertical.
Responsable: Ing. Mirko Manrique Ronceros
-9-
Curso: Computacin II
Tema: Ventanas y Controles en Power Builder
HprogressBar
hsb_
Barra de progreso horizontal.
VprogressBar
vsb_
Barra de progreso vertical.
DropDownListBox
ddlb_
Caja de lista desplegable. Muestra un solo tem, el
seleccionado, de la lista que se despliega al
presionar el botn adjunto.
DropDownPictureListBox
ddplb_
Similar al anterior pero soporta figuras por cada
elemento que muestra.
PictureListBox
plb_
Es una caja de lista con elementos grficos y de
texto.
ListBox
lb_
Caja de lista. Muestra todos los tems a la vez,
pudiendo seleccionarse inclusive, ms de uno.
ListView
lv_
Se usa para crear una vista de objetos.
TreeViev
tv_
Se usa para crear una vista de tipo rbol, con una
raz comn y varios nodos y elementos colgados de
dichos nodos.
Tab
tab_
Es un separador de pginas que son contenedoras
de objetos visuales de Power Builder.
DataWindow
dw_
Datawindow Control, el que se vincula con un objeto
Datawindow diseado.
Graph
g_
Se usa para crear grficos estadsticos.
Ole
ole_
Se usa para incorporar objetos de windows de otras
aplicaciones distintas al Power Builder.
USerObjetc
uo_
Se usa para incorporar objetos de usuario creados
previamente por alguien usando objetos visuales y
objetos no visuales de Power Builder preconstruido.
PROPIEDADES DE LOS CONTROLES
Las propiedades de los controles son las caractersticas y pueden ser modificadas tanto en tiempo de
diseo, como en tiempo de ejecucin; mediante el uso de sentencias. Para ver las propiedades de un
control, de anticlick en l y elija la opcin Properties del men que se despliega.
Las propiedades de todo control estn ordenadas por TOPICOS, estos pueden variar levemente entre
controles. Los ms comunes son:
Responsable: Ing. Mirko Manrique Ronceros
- 10 -
Curso: Computacin II
FICHA
Tema: Ventanas y Controles en Power Builder
DESCRIPCION
Name indica el nombre del objeto.
La casilla Text, indica el texto a ser mostrado.
Tag, permite guardar cualquier dato.
Visible, indica si el objeto puede verse.
Enabled, indica si el objeto esta activamente disponible.
Para los botones: Default, indica que si se presiona el Enter en cualquier
parte de la ventana, se activa dicho botn.
General
Cancel, indica que si se presiona la tecla Escape, se activa dicho botn.
Para las cajas de Edicin, Etiqueta y Lista Desplegable:
Alignment, indica la alineacin del texto,
Case, el tipo de presentacin.
Border, indica el tipo de borde.
Limit, el nmero de caracteres a dejar ingresar.
Para la lista desplegable. Alow Edit, indica que se puede escribir un tem
adems de seleccionarlo.
Sort, indica que el listado ser ordenado alfabticamente.
Para la Lista: Multi Select, indica posibilidad de seleccin mltiple.
Permite definir el tipo de letra, tamao y caractersticas de presentacin del
Font
texto visible. Text Color, indica el color del texto.
Background, indica el color de fondo.
Position
Indica las coordenadas X e Y, tambin se indica el ancho (Width) y el alto del
objeto (Height)
DragIcon
Indica el tipo de icono, que ser utilizado por el cursor cuando este pase por
encima del objeto en tiempo de ejecucin.
Items
Para los objetos lista, permite ingresar el texto de cada tem.
Para la mscara, permite definir la mscara de entrada de datos. Seleccione
Mask
MasKDataType para ver en Masks, los posibles caracteres a utilizar. Cualquier
otro carcter se considera un literal.
Responsable: Ing. Mirko Manrique Ronceros
- 11 -
