1

Curso rpido para aprender Delphi en el menos tiempo

posible y con una buena calidad para realizar tus
programas.
1 - Fase de diseo - cdigo
Terminada la fase de diseo pasamos a la fase de diseo - cdigo. El primer paso no
pertenece a la fase de ejecucin pero lo puse aqu para mostrarles lo que bamos a hacer
desde el principio del trabajo.
1 Como puede apreciar si corre el programa se vera algo espantoso toso los componentes
escritos, remediemos esto. Marque el edit y vaya a su propiedad text y quite el valor que
tiene, haga lo mismo con el label en su propiedad caption excepto al uno que tiene que
darle el valor que identifique para que se utiliza; a los botones tambin cambimosle el
texto(para embellecer) y por acuerdo al uno vamos a ponerle en su propiedad caption
asigna(no va entre comillas pero lo pongo para que se acostumbren que si programan
cambiarle el nombre desde el cdigo si tienes que ponerlo entre comillas) y al dos limpia.
Recordar que el botn para limpiar debe estar inicialmente inactivo, as que tenemos que
marcar el boton2 e ir a su propiedad enabled y ponerle el valor false. Ahora hay algo nuevo
y es el memo Cmo quitarle el texto que tiene? Pues muy sencillo, vaya a su propiedad
lines y presione en su valor un botn con puntos que tiene a la derecha o haga doble click
sobre la columna de valores y visualizar una ventana que dice en su parte superior String
List editor (editor de lista), en dicha ventana fjese que sobre el cuadro de texto dice 1line
que quiere decir que el memo tiene una lnea, borre todo lo que tiene escrito y vera que
pone 0lines o sea el memo no tiene lneas. Corra ahora y ver que ahora se ve mucho mas
bonito. Luego marque este memo y vaya a su propiedad visible y pngale el valor
falso(false) para que inicialmente no se vea.
2 Ya ahora si pasaremos a la fase de ejecucin. Lo primero que tenemos que hacer es ver
cuantos eventos vamos a realizar. Como ves son dos, uno para cada botn. Fjese que los
eventos son diferentes, al boton1 es cuando se mueva el mouse por encima de l y el dos
cuando le hagas click encima.
2 Pasemos ahora a los eventos:
3.1 El primer evento es cuando movamos el mouse sobre el botn de agregar. (vea ej4).
Qu hacemos para lograr este evento? Marquemos el boton1 que es el de agregar y
vayamos a sus eventos. Seleccionemos el evento OnMouseMove y demos doble click en la
parte blanca a la derecha y automticamente visualizar la unit que dir lo siguiente:
procedure TForm1.Button1MouseMove(Sender: TObject; Shift: TShiftState;
X, Y: Integer);
begin
end;
Recuerde que es lo que dice este procedimiento y donde se debe escribir el cdigo. Ahora
viene la parte en que debemos preguntarnos que queremos que suceda cuando el mouse se
mueva sobre el boton1. Si lee el enunciado del ejercicio veremos que debe agregar el texto

que aparecer en el edit al memo, debe hacerlo visible y adems como ha sido agregado un
elemento al memo debemos habilitar el botn de limpiar. Entonces el cdigo quedara:

Memo1.visible := true; //para que se visiulice el memo

memo1.Lines.add(edit1.text); //agrega del edit al memo
button2.Enabled := true; //habilita el boton de limpiar
Nota: Las dos barras indican que lo que escribas despus de ellas la maquina no lo
tendr en cuenta o sea es solo para guiarte y saber lo que estas haciendo.
Corra el programa y pase rpido el mouse sobre el botn agregar y vera que ya realiza la
tarea. Pero hay algo trabajoso y es que cada vez que desees entrar un nuevo dato tienes que
marcar con el mouse el edit y borrar lo que tiene escrito. La forma de solucionar este
problema ya la vimos anteriormente y es agregando estas dos lneas en el mismo
procedimiento o sea entre el mismo begin - end:
edit1.Clear; //para limpiar el edit
edit1.setfocus; //para poner el foco en el edit1
Ahora corra el programa y ver que bien realizado esta este evento.
Nota: Pruebe a quitar la lnea de aadir textos al memo y tratar de asignrselos por
otra propiedad de modificar textos del memo (text) de la siguiente forma:
Memo1.text := edit1.text //para asignarle el texto del edit1 al memo
Crralo y ver que al pasar el mouse asignar al memo lo que esta escrito en el edit1
pero cuando entre otro valor al edit1 y pase sobre el boton1 vera que borrara el valor
anterior del memo y pondr este ltimo.
3.2 El segundo evento que tenemos es cuando le demos un click al botn limpiar. Lo que
deseamos que suceda cuando le demos click al botn es que todo lo que esta escrito en el
memo sea borrado. Para ello pongamos esta linea.
Memo1.clear; //para borrar todo lo escrito en el memo
Tambien debemos poner en el label2 un mensaje que indique que la tarea ha sido
realizada, para esto pongamos la siguiente linea:
Label2.caption := LOS ELEMENTOS HAN SIDO BORRADOS
Tambin en lugar de la lnea para limpiar el memo podas haber puesto:
Observe que cuando limpia el cursor no se pone en el edit1 lo cual seria mas cmodo para
Memo 1.text := ; // le asigno el valor o sea nada al memo para que se borre
.
todo lo que tiene escrito
el usuario al que vaya dedicado este programa. Pongmoslo entonces agregando la
siguiente lnea:
Edit1.setfocus; //pone el foco en el edit1

Si relee el ejercicio ver que el texto debe ser borrado al volver a entrar otro elemento o
sea cuando el mouse se mueva sobre el boton1, asi que al evento anterior tenemos que
aadirle:
Ahora corra el programa y ver el fruto de su estudio.
Label2.caption := ; //le asigna cadena vacia al label2 o sea lo borra
2.2.5-

TMainMenu. (no visual)

Este componente permite la creacin de un men que aparecer en la barra del men de la
ventana.
Items Permite crear la lista de opciones del men. Coloca uno de estos componentes en el
formulario y vez a su propiedad items y haz click sobre la elipsis(---). Aparecer un
segundo panel, el de edicin y diseo del men (Observa que este panel de diseo aparece
tambin si das doble click en sobre el componente).
<<Caption Esta propiedad aparece al comenzar a crear la lista de opciones. Esta
propiedad permite poner los nombres a las opciones. Para escribir las opciones del men
tienes que pararte sobre la opcin que est en azul e ir a su propiedad caption y ponerle el
nombre de la opcin.
<<Enabled - Esta propiedad tambin aparece al comenzar a crear la lista de opciones.
Permite habilitar o inhabilitarla la opcin que desees.
<<Visible - Esta propiedad tambin aparece al comenzar a crear la lista de opciones.
Permite visualizar o no visualizar la opcin que desees.
Observa tambin como se pueden mover los apartados creados, arrastrndoles con el ratn.
Si deseas crear submens debes pararte sobre la opcin a la que deseas crear el submen y
oprimir click derecho y se mostrar una lista de opciones, de ellas debes escoger la opcin
create submenu(ctrl + right). Fjese en la combinacin de teclas que realizan esta misma
operacin.

fig2.13

2.2.6-

TPopupMenu. (no visual)

Este componente es un men contextual o emergente, es un complemento del anterior.

Ofrece un men que aparece al pulsar el botn derecho del ratn sobre el control al cual se
ha asignado este men. Con el se puede crear un menu igual al que se visualiza al dar click
derecho sobre algunas ventanas de windows, por ejemplo hazlo ahora y vers uno.
Items: Permite crear la lista de opciones que aparecer en el popupmenu
Tanto una ventana como cualquier componente visual, tienen una propiedad "PopupMenu".
Si existe un men emergente, en la misma ventana, ste aparece en el ComboBox de
seleccin, y se le puede asignar al control. Observa que pueden haber tantos mens
emergentes como queramos, cada uno asignado a distintos controles. O el mismo a varios
controles.
Caption: Ver
Enabled: Ver
Visible: Ver
Este popupmenu permite imitar los mens que se visualizan en la mayora de las ventanas
de window al dar click derecho sobre ellas(por ejemplo esta misma).
Veamos ahora un ejemplo.
1- Cree un popupmenu.
2- Coloque un componente en el formulario, ve a su propiedad popupmenu y despliega la
lista que aparece en su valor y escoja popupmenu1(si hubiese mas de uno le mostrara

los que hubiese y debas escoger el que tu quisieras que visualizara al dar click derecho
sobre este objeto).
3- Corre el programa y has click derecho sobre el componente que le asignaste el men
contextual y ver el resultado de su estudio.

12345-

Ejercicio con el Tmainmenu y el Tpopupmenu.

De este ejercicio queremos.

Colocar un men que tenga las siguientes opciones(color rojo, azul, verde).
Colocar tambin un popupmenu con las siguientes opciones(amarillo, negro).
Que cada opcin le d al formulario el color correspondiente a su nombre.
<<Que los colores rojo y azul estn invisible hasta que le des click a un botn.
<<Que el color amarillo en el popupmenu est inhabilitado hasta que le des click a otro
botn.

Solucion por fases.

Fase de diseo.
1- Tomamos un MainMenu y un popupmenu de la paleta standar y lo colocamos en el
formulario.
2- Marque el MainMenu y vaya a su propiedad items y damos click sobre la ellipsis y
visualizaremos la ventana que nos permite asignarle artculos al men (recuerde que
esta tarea la poda haber realizado dando doble click sobre el MainMenu). Observe que
en esta ventana aparece un cudrito en azul, lo marcas y vas a su propiedad caption y
pones color, luego oprimes enter. Al oprimir enter se visualizar debajo de este cuadrito
otro mas, Te paras sobre l y vas a la propiedad caption y pones rojo. Esta misma tarea
la realizas para continuar con el color azul y verde.
3- Para poner las opciones al popupmenu haces lo mismo que para el MainMenu.
Fase de diseo - ejecucin.
1- Deseamos que al seleccionar cada opcin de color en el mainmenu nos coloree el
formulario en dependencia de su nombre. Para esto ya creado este men lo desplegamos
en el formulario y damos click sobre la opcin rojo(hay otras formas de acceder a este
evento, pero lo dejo a ustedes). Al hacer esta operacin se mostrar el editor de cdigo
de fuente con su respectivo procedimiento correspondiente a cuando le des un click a
rojo1. En l escribimos el siguiente cdigo.
procedure TForm1.rojo1Click(Sender: TObject);
begin
form1.color:= clred;//para dar color rojo al formulario
end;
Ahora oprima en el men la opcin rojo y ver pintado el formulario de este color.
2- Para que al oprimir la opcin azul y verde muestren sus respectivos colores debe hacer
la misma operacin dar click sobre cada uno de ellos y escribir en cada uno de ellos:

Form1.color:=clblue;//para dar color azul al formulario

Form1.color:=clgreen;//para dar color verde al
Corra ahora el programa y ver como pinta el formulario de sus respectivos colores.
3- Al correr el programa se dio cuenta que al dclick derecho sobre el formulario este no le
mostr el popupmenu, esto es debido a que no esta declarado el lugar donde quieres
que se vea. Si queremos por ejemplo que se vea en el formulario, van al formulario y en
su propiedad popupmenu le damos el valor popupmenu1 y as si se visualizar al
oprimir el click derecho sobre el formulario. Para programar cuando seleccionemos una
opcin en el popupmenu tenemos que pararnos sobre el objeto popupmenu y dar doble
Form1.color:=clyellow;//para dar color amarillo al formulario.
click sobre l o ir a su propiedad items y oprimir la elipsis. Ya en la ventana de artculos
seleccionas el primero que es el amarillo y vas a su evento onclick en el inspector de
objetos y das doble click en su columna derecha que esta en blanco. Al realizar esta
operacin aparecer la unit con el procedimiento correspondiente a cuando le demos un
click a verde. En el programamos.
De la misma manera para el negro y programamos:
Form1.color:=clblack;//para dar color negro al formulario.
4- Ya tenemos creado todo para dar los colores al formulario. >>Ahora vamos a hacer que
inicialmente los colores rojo y azul y estn invisibles. Para esto marque el mainmenu y
vaya a su propiedad items y damos click en la elipsis(podamos haber dado doble click
sobre el mainmenu). Al realizar esta operacin se visulizara nuevamente la ventana
para agregar opciones. En ella seleccione la opcin rojo, va a su propiedad visible y le
da el valor false, o sea que no se vea al iniciar el programa. Corra ahora el programa y
ver que solo se ve en el men color la opcin verde.
5- Queramos que estas dos opciones se hicieran visibles al dar click sobre un boton. Para
esto coloquemos un boton en el formulario. Marquemoslo y vayamos a su evento
onclick, en l progarmemos:
Rojo1.visible := true;//para visualizar la opcion rojo
Azul1.visible := true;//para visualizar la opcion azul
Corra el programa vea el men, luego oprima el botn y vuelva a ver el men y ver el
cambio.
6- Tambin queramos que en el popupmenu la opcin para color amarillo est inactiva>>.
Para esto demos doble click sobre el popupmenu y seleccionemos la opcin enabled y
dmosle el valor false. Corra ahora el programa y ver que esta opcion aparece inactiva.
Tambien queriamos que se activara al dar click sobre otro boton. Para esto coloquemos
otro boton en nuestro formulario, seleccionemos su evento Onclick y programemos:
7- Corra ahora el programa y ver como realiza todo lo que deseamos.
Amarillo1.enabled := true;//habilita la opcion amarillo

2.2.7

TListBox. (visual)

Este componente nos ofrece un ListBox(caja de lista) estndar de Windows, que nos
permite representar una lista de opciones al usuario, para que elija una (o varias si la
propiedad "MultiSelect" est a True). Sus propiedades particulares son:
Items: Esta propiedad permite aadir textos al listbox. Al pulsar sobre esta propiedad,
aparece el panel de la prxima pgina, donde se pueden escribir los textos disponibles para
el usuario(fig2.14). Tambin se puede modificar esta matriz de textos durante la ejecucin
de la aplicacin, aadiendo o eliminando elementos dinmicamente.
Sorted: Ordena la lista de textos entrados al listbox. Es del tipo boolean
MultiSelect: Permite la seleccin de varias opciones a la vez. Cuando multiselect est en
false indica que solo podrs seleccionar un articulo a la vez, mientras que si est en true
puedes seleccionar mas de un artculo a la vez.

fig2.14
2.2.8TComboBox. (visual)
Un combobox es un listbox pero con la ventaja de tener un campo de edicin, o sea se
puede escribir en l. Adems la lista del combobox es desplegable mientras que la del
listbox no lo es.
Items: Permite aadir textos al combobox. La forma de utilizarla es parecida al listbox.
Visible: Permite visualizar o no el combobox.
Enabled: Permite habilitar o inhabilitar el combobox.
Charcase: Realiza la misma funcin que en el edit.
Sorted: Organiza alfabticamente sus artculos.
Style: Permite escoger el estilo que deseamos para nuestro combobox. Existen diferentes
estilos como:
1 - CsDropDown
La combinacin arriba explicada, de un listbox y un campo de
edicin. Se puede elegir de la lista o introducir un nuevo valor.

2 - CsSimple
3 CsDropDownList

Equivalente a un campo de edicin, sin la lista.

Es similar a la primera opcin, salvo que no se puede
escribir en l, solo se puede elegir una opcin de la lista.

4 - CsOwnerDrawFixed,
CsOwnerDrawVariable Estas dos posibilidades se usan para listas con imgenes de
tipo bitmap. En el primero, la altura de cada elemento es fija,
mientras en el segundo, la altura depende de cada imagen.

Ejercicio con el Tlistbox y el Tcombobox.

De este ejercicio queremos.

1- Entrar el nombre y apellido de una persona, estos deben ser entrados por un edit y ser
almacenado el nombre en un combobox y el apellido en un listbox.
2- Al dar click sobre el nombre el combobox o al listbox debe mostrarnos el nombre en el
edit1 y su respectivo apellido en el edit2 y viceversa.
3- Debemos tener un botn para borrar el elemento seleccionado en el listbox o
combobox.
4- Debemos tener otro botn para limpiar el listbox y el combobox cuando deseemos.
Solucion por fases
Fase de diseo.
1- Coloquemos dos edit para la entrada de nombre y apellido.
2- Coloquemos en la parte izquierda un combobox y debajo un listbox.
3- Debajo coloquemos 3 botones uno para agregar, otro para borrar el elemento
seleccionado y otro para limpiar el listbox y combobox.
4- El edit1 y 2 que aparezcan sin texto. As como el combobox, lo cual se hace en su
propiedad text.
5- A cada botn en su propiedad caption dele el valor correspondiente a la tarea que va a
realizar.
Fase de diseo - ejecucin.
1- Veamos como almacenar los nombres y apellidos. Para esto al boton1 llammoslo
agregar. Luego vamos a su evento OnClick y le ponemos el siguiente cdigo.
combobox1.Items.add(edit1.text);//aade el texto del edit1 al combobox
listbox1.Items.add(edit2.text);//aade el texto del edit2 al listbox
1- Ahora corra el programa y ver como guarda los nombres y los apellidos en el
combobox y listbox respectivamente.
2- Tambien queremos que al dar click sobre un elemento del combobox o listbox se vean
en los edit el respectivo nombre y apellido del elemento seleccionado. Para esto
debemos saber que tanto el listbox como el combobox tienen una forma de tu saber que
elemento seleccionaste. Para que al seleccionar un nombre en el combobox se vea ese
nombre y su respectivo apellido en los edit, debemos ir al evento OnClick del
combobox. Al hacer doble click se muestra el editor de codigo de fuente con el siguiente
texto: procedure TForm1.ComboBox1Click(Sender: TObject); lo cual indica que lo

Edit1.text := Combobox1.items[combobox1.itemindex];//le asigna el edit1 el

articulo seleccionado en el combobox

que programemos entre el begin end se llevar a cabo al hacer click sobre el
combobox1 que est en el formulario1. Entonces escribimos el siguiente cdigo.
Lo nuevo ahora es el [listbox11.itemindex], pues esto lo que hace es devolvernos el valor
de la posicin que ocupa el elemento seleccionado o sea es un numero. Entonces lo que
estamos diciendo es que al edit1 le asigne lo que se encuentran en el listbox1 en su
propiedad articulo, pero qu articulo?, el seleccionado(listbox1.itemindex). Sepa que el
primer elemento del combobox ocupa la posicin 0, el segundo la 1, etc. As que si
seleccionamos el primer elemento lo que hace el programa es al edit1 asignarle lo que esta
en el combobox1 en su articulo cero.
4- Corra el programa y entre algunos nombres y apellidos. Luego seleccione uno de ellos en
el combobox y observe. Al seleccionar un elemento en el combobox le puso el nombre en
el edit1, pero en edit2 no hizo nada, esto se debe a que no le dijimos que pusiese en el edit2
el apellido correspondiente a ese nombre que se encuentra en la misma posicin pero en el
listbox. Para ello agreguemos el siguiente cdigo en el mismo evento onclick del
combobox:
Edit2.text := listbox1.items[combobox1.itemindex];//le asigna al edit2 el articulo
seleccionado en el listbox que ocupa la misma posicion queel seleccionadoen el
combobox.
Ahora lo que hacemos es buscar el correspondiente apellido del nombre seleccionado en el
combobox y por eso al edit2 le asignamos lo que esta en el listbox1 en su propiedad
artculo el articulo numero(combobox11.itemindex) o sea el articulo que est en el listbox
en la misma posicin que el elemento seleccionado en el combobox. Esto es debido a que
seleccionamos en el combobox y por eso en el listbox tenemos que buscar el elemento que
ocupa la misma posicin que el elemento seleccionado en el combobox, veremos que
cuando seleccionemos en el listbox ser al revs.
3- Veamos ahora como mostrar el nombre y el apellido al seleccionar un apellido. Para
esto seleccione el listbox y vaya a su evento OnClick. Al hacer doble click nos muestra
el editor de cdigo de fuente indicndonos que lo que programemos se llevar a cabo al
hacer click en el listbox1 que est en el formulario1. Ah escribimos el siguiente cdigo:
4- Observe ahora que la posicin de los datos a mostrar en los edits del listbox y
Edit1.text := combobox1.items[listbox1.itemindex];
Edit2.text := listbox1.items[listbox1.itemindex];
combobox viene dado por [listbox1.itemindex]. Esto es debido a que el elemento que
seleccionamos esta en el listbox y entonces necesitamos conocer la posicin que ocupa
para as poder decirle que nos muestre su dato correspondiente en el combobox.

2.2.9-

TGroupBox. (visual)

Este control nos permite decorar nuestro proyecto ya que permite agrupar componentes
dentro de si e independizarlos de los dems. Sus principales propiedades son:
Caption: Permite modificar el titulo del groupbox. Este titulo aparece en su parte superior.

10

Enabled: Habilita o inhabilita el groupbox. Si lo inhabilita se inhabilitan todos los objetos

que hayan colocado dentro de l. Para colocar los objetos que desea se encuentre dentro de
l debe insertarlo primero a l y luego colocar sobre l los objetos que desee que estn
dentro de l. Si coloca primero en el formulario los componentes luego no podr sacarlos
del formulario para colocarlos en el groupbox.
Visible: Visualiza o no el groupbox. Esta propiedad al igual que el enabled se aplicar
tambin a todo los componentes colocados en su interior.
2.2.10-

Panel. (visual)

El panel es utilizado como el groupbox para colocar dentro de l otros componentes. Se

diferencia en que el groupbox tiene el texto en su parte superior mientras que el panel lo
tiene en su interior y en centro el cual si desea puede borrarlo. Tiene otras diferencias en sus
propiedades que ahora les mostrar.
Caption: Modifica el texto del panel.
Para ver un conjunto de sus propiedades observe la figura2.15:

fig2.15
Align: Esta propiedad nos permite alinear el componente. La mayora de los componentes
tienen esta propiedad pero es poco utilizada en ellos y por eso no se les mostr en los
dems componentes, de todos modos el funcionamiento con los dems es muy parecido.
Esta propiedad toma los siguientes valores.
1- AlTop: Este valor hace que el panel se ajuste a la parte superior del formulario por
debajo del menu principal si tiene creado alguno(vea la barra de botones fig2.15).
2- AlBotton: Hace que el panel se ajuste a la parte inferior de la ventana.
3- AlClient: Hace que el panel tome el mismo tamao del formulario.
4- AlCustom: Hace que el panel se ajuste a la parte superior e izquierda del formulario.
5- AlLeft: Hace que el panel se ajuste a la parte izquierda del formulario.
6- Alright: Ajusta el panel a la derecha del formulario.
7- AlNone: Es la que toma inicialmente con al cual puede hacer con el panel lo que
deseee.

11

Tambin tiene algunas propiedades que pueden hacer cambiar la vista del panel las cuales
les enumerare brevemente(observe panel bonito figura 2.15).
Bevellnner, BevelOuter, BevelWidth: Estas propiedades permiten biselar los bordes ya
sea hacia dentro o hacia fuera y con la propiedad bevelwidth le dan el valor del tamao ue
desean que tenga.
2.2.11-

TCheckBox. (visual)

Este componente de tipo lgico permite al usuario seleccionar o desestimar una opcin.
Caption: Permite modificar el texto que aparecer al lado del cuadrado del checkbox.
Checked: Significa comprobar. Permite comprobar si el checkbox est seleccionado o no.
State: Significa estado. Nos permite o asignar el estado que estado del checkbox. Es
parecida al checked pero tiene un poco ms. Sus opciones son:
CbChecked: Selecciona el checkbox.
CbGrayed: Significa ponerse gris. Pone el checkbox en un estado en que no est activado
ni desactivado, aunque responde a desactivado.
CbUnchecked: Hace que el estado del checkbox sea no chequeado.
Estas dos ltimas propiedades son mutuamente interactivas; pues modificas una, y la otra
se modifica.
2.2.12TradioButton. (visual)
Este componente es parecido al Checkbox pero con algunas diferencias como: El
checkbox seala con una palomita y el radiobutton con un punto; otra es que el checkbox
permite que en un mismo grupo haya mas de un checkbox seleccionado e incluso todos
mientras que en el radiobutton no permiten que en su grupo haya mas de uno seleccionado.
Cuando digo grupo me refiero a donde esten agrupados, por ejemplo los que estn en el
formulario forman un grupo, los que esten insertados en un panel forman otro grupo y los
que estn en un Groupbox forman otro grupo. Si desea coloque un panel y un checkbox e
inserte en ellos radiobotones y checkbox, tambin coloque algunos en el formulario, corra
el programa y ver lo que le deca.
Sus principales propiedades son:
Caption: Permite modificar el texto al radiobutton.
Checked: Permite hacer que el radiobutton sea marcado o no, ademas de permitirnos saber
si est marcado o no.
Enabled y Visible: Lo mismo que en todos los anteriores.
2.2.13-

TRadioGroup. (visual)

12

El radiogroup es un componente que se pudiera decir es una mezcla de groupbox con

radiobutton. Este componente funciona parecido a un conjunto de radiobutton colocados
dentro de un groupbox.
Sus principales propiedades son:
Caption: Permite modificar el texto que aparece en la parte superior del radiogroup.
Columns: Permite darle el valor correspondiente a la cantidad de columnas que desea tenga
el radiogroup.
Itemindex: Permite seleccionar uno de los botones del radiogroup. Recordar que
itemindex te devuelve la posicin en la que se encuentra el articulo seleccionado. Index
significa indice.
Items: Significa artculo. Permite aadir artculos al radiogroup. Cada articulo se mostrara
al editarlo como un radiobutton.
Visible y enabled : Lo mismo que en todos los anteriores.
Ejercicios con el Panel, groupbox, radiobutton,checkbox , radiogroup.
1- Entrado el nombre de un estudiante almacenar los siguientes datos: si pertenece a la
U.J.C, a las MTT y cederista. Adems se desea saber si pertenece a la OPJM, FEEM o
FEU. Todos estos datos deben aparecer uno al lado del otro al oprimir un botn.
Solucion por fases
Fase de diseo.
1- Necesitamos un componente para entrar el nombre(edit).
2- Observe lo siguiente una persona puede pertenecer al mismo tiempo a la U.J.C, MTT y
ser cederista as que el componente a usar para esto ha de ser un Checkbox para que te
permita en su mismo grupo escoger ms de una opcin.
3- Ahora una persona no puede pertenecer a OPJM, FEEM y FEU al mismo tiempo sino
solo a una de ellas, asi que para estas opciones debemos usar unos radiobuttton o un
radiogroup. Ahora lo haremos con radiobutton y luego les mostrare como hacerlo con
el radiogroup.
4- Necesita 5 listbox, uno para el nombre, uno para cada organizacin del primer
grupo(U.J.C, M.T.T y C.D.R) y otro para poner la organizacin a la que pertenece en el
segundo grupo(claro que esto se poda hacer mucho ms sencillo, pero el objetivo ahora
es que comprendas de una forma fcil lo como se trabaja con estos componentes).
5- Sobre cada listbox coloque un label que diga lo que va a almacenar ese listbox.
6- Necesitamos tambin un botn para que al oprimirlo se visualicen los datos.
7- Necesitaremos por asuntos de belleza dos groupbox, uno para los checkbox los cuales
contiene un tipo de opciones y otro para los radiobutton que contiene otro tipo de
opciones.
Fase de diseo ejecucin.
1- Los datos deben ser guardados al dar click sobre el botn, o sea todo va a suceder en el
evento OnClick del botn. Entonces seleccione el botn, vaya a su evento OnClick y
vamos a ir escribiendo el cdigo que iremos viendo.

13

2- Lo primero que guardaremos al hacer click sobre el botn ser el nombre entrado en el
edit1, o sea debemos escribir el siguiente cdigo.
Listbox1.items.add(edit1.text);//aade el edit1 al listbox1
3- Ahora los listbox 2,3,4 que son los encargados de almacenar los datos de la primera
organizacin. Los datos que entraremos sern true si esta seleccionada la opcin o false
en caso contrario. Estos datos tambin deben ser almacenados al hacer click sobre el
boton1 as que se tienen que programar en el mismo evento OnClick del botn.
Recuerden que es un listbox para cada dato de este grupo. Como son checkbox para
saber si esta seleccionado o no cada checkbox vamos a usar algo que veremos mas
adelante en Object Pascal que son las sentencias condicionales. Lo que vamos a hacer
es usarla para saber si el checkbox esta marcado o no. Entonces el cdigo quedara de la
siguiente forma:
If Checkbox1.checked=true then listbox2.items.add(true) else
Listbox2.items.add(false)

Lo que est diciendo es que si el checkbox1 est marcado al listbox1 le aada un articulo
que dice true(verdadero) sino(else) que le aada un articulo que diga false(falso). Lo mismo
hay que hacer con los otros dos.
If Checkbox2.checked=true then listbox3.items.add(true) else
Listbox3.items.add(false)
If Checkbox3.checked=true then listbox4.items.add(true) else
Listbox4.items.add(false)
Esto tambin se puede realizar mucho ms sencillo pero recuerde el objetivo hasta ahora
cual es.
4- Aun falta entrar el dato de la organizacin del segundo grupo a la que pertenece. Para
esto tambin usemos las sentencias condicionales para saber cual articulo del
radiogroup esta seleccionado. Vamos a utilizar la condicin (if) aunque mas adelante
veremos que para el radiogroup el case es mucho mas sencillo. Entonces tendramos
que aadir el siguiente cdigo:
If radiogroup1.itemindex=0 then listbox5.items.add(OPJM)
If radiogroup1.itemindex=1 then listbox5.items.add(FEEM)
If radiogroup1.itemindex=2 then listbox5.items.add(FEU)
5- Ahora tambin podemos, para facilitarle el trabajo al usuario aadir las siguientes
lneas.
Edit1.clear;//limpia el edit1
Edit1.setfocus;//pone el cursor en el edit1.
6- Ahora corra el programa para que vea lo que ha logrado.
Ya hasta aqu tiene suficientes conocimientos sobre los componentes como para poder
explicarles claramente el Object Pascal.

14