UNIVERSIDAD NACIONAL DEL SANTA

FACULTAD DE INGENIERIA
E.A.P. SISTEMAS E INFORMATICA

COMPUTACION II

POWER BUILDER 11.5

Ing. Mirko Martn Manrique Ronceros
mirko.manrique@hotmail.com
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 -