2- botones y etiquetas de texto - aprendeaprogramar

15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com

http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 1/13

(index.html)

(index.html)aprendeaprogramar.com (../../index.php)

Cursos gratuitos de programacion de ordenadores, en espaol

Anterior (view.php?id=249) Posterior (view.php?id=262)

2- Botones y etiquetas de texto

Curso: Introduccin a Delphi y Lazarus (../../course/view.php?id=16)

Vamos a crear nuestra primera aplicacin con Lazarus (o con Delphi, se hara igual). Va a

ser una mini-utilidad capaz de sumar dos nmeros.

Para ello, usaremos dos casillas de introduccin de texto, un botn y varias etiquetas de

texto.

Podemos comenzar por incluir el botn que habr que pulsar para sumar los dos

nmeros.

En la barra de herramientas aparece un componente llamado "TButton":



Hacemos clic sobre l para escogerlo y luego hacemos clic en cualquier parte de nuestra

ventana de trabajo (Form, en ingls) para que el botn aparezca all. Si luego acercamos el

ratn a l, nos informar sobre su posicin (Left es la distancia desde el borde izquierdo

de la ventana, y Top es la distancia desde el borde superior) y sobre su tamao (width es

el ancho, height es el alto):

El siguiente paso es cambiar el texto que aparece escrito en el botn. Para eso nos

acercamos al "Inspector de objetos", en la parte izquierda de la pantalla, y modificamos la

propiedad llamada "Caption", para darle un valor ms adecuado (por ejemplo, "Sumar"):



A continuacin, incluimos la primera casilla de introduccin de texto (TEdit), de la misma

forma: primero un clic en el correspondiente componente de la barra de herramientas:

Y despus hacemos clic en nuestra ventana, para indicar dnde queremos que aparezca

dicho recuadro de introduccin de texto. En l aparecer escrito "Edit1". Para cambiarlo,

no tenemos propiedad "Caption", sino que el texto que contiene se guarda en la

propiedad "Text":



Deberamos dejar este texto en blanco, ya que vamos a sumar nmeros:



Cuando tengamos los dos recuadros de introduccin, necesitaremos tres etiquetas de

texto: dos de ellas sern para aclarar qu es cada recuadro. La tercera ser la que

muestre el resultado. Para todas ellas, usaremos el componente TLabel:

Estas etiquetas, al igual que ocurra con los botones, no son algo modificable por el

usuario, de modo que el texto que muestran en pantalla se encuentra en la propiedad

Caption:

Cuando ya tenemos todos los componentes en pantalla, podemos arrastrarlos con el

ratn hasta la posicin que nos parezca ms adecuada, igual que podemos cambiar el

tamao de la ventana:



Ya hemos creado la parte visual de nuestro programa.

Ahora vamos a completar con el cdigo fuente de la aplicacin. En nuestro caso,

deberemos decir qu se debe haber cuando se pulse el botn.

Los componentes en Lazarus (y Delphi) son capaces de responder a ciertos "eventos"

(sucesos). Los eventos se encuentran tambin accesibles en el Inspector de Objetos. El

suceso ms frecuente al que deber responder un botn es al hecho de que se haga clic

sobre l (OnClick), pero hay muchos ms, que iremos viendo ms adelante:



Como ese "OnClick" es el evento ms frecuente, ya est previsto por los diseadores de

Lazarus (o Delphi) una forma sencilla de llegar hasta l: si hacemos doble clic en el botn,

automticamente aparece la ventana de cdigo, y en ella encontramos que se ha escrito

el "esqueleto" de ese suceso:



En nuestro caso, queremos que el texto de la etiqueta 3 (Label3.Caption) sea la suma de

los que se ha tecleado en el recuadro de edicin 1 (Edit1.Text) y en el recuadro 2

(Edit2.Text). Eso s, como los Text y los Caption son texto, debemos convertir a nmeros

para poder sumar (con StrToInt) y luego convertir esa suma a texto (con IntToStr), as:

Label3.Caption := 'Suma: ' + IntToStr(

StrToInt(Edit1.Text) + StrToInt(Edit2.Text));

Segn empezamos a escribir, Lazarus conoce los mtodos, propiedades y eventos



relacionados con cada componente, y nos sugiere los que considera que nos pueden

interesar, para ayudarnos a ganar tiempo:

Cuando todo el cdigo est escrito, pulsamos el botn "Ejecutar" para poner en marcha

nuestra aplicacin:

Si hemos escrito todo correctamente, nuestra aplicacin debera compilar sin problemas

y tener esta apariencia:



Actualizado el: 17-10-2006 03:07

Anterior (view.php?id=249) Posterior (view.php?id=262)



Buscar...

En los foros...

15-03-2015 06:49 Pueden darme algun consejo [C#]

(../../mod/forum/discuss.php?d=1801)

15-03-2015 06:03 Insertar cdigo para cada lenguaje. [Retos]


15-03-2015 04:51 SUMAR LOS DIGITOS DE NUMERO DECIMAL [C#]


14-03-2015 12:32 Problema con generar un .txt del registro de 3 listbox de un

mtodo Guardar() de la dll [C#] (../../mod/forum/discuss.php?d=1798)

14-03-2015 12:18 Como generar un txt con los items de 3 listbox [C#]


(Anteriores...) (../../novedadesForos.php)



Novedades en el sitio

17-10-2014: Se pueden hacer tests de repaso (../../novedades.php)

23-09-2014: Versin actualizada del tutorial de C# (../../novedades.php)

19-07-2014: Versin actualizada del curso de Pascal (../../novedades.php)

08-07-2014: Disponible Twitter y Google Plus (../../novedades.php)



AprendeAprogramar.com - Copyright (c) 2006-2014

08-03-2014: Tutorial "JavaScript para impacientes" (../../novedades.php)

23-02-2014: Revisin del curso de Pascal (../../novedades.php)

27-01-2014: El curso de Python llega al tema 6 (../../novedades.php)

26-12-2013: Referencia totalmente operativa (../../novedades.php)

26-11-2013: Rediseo "responsive" (../../novedades.php)

En los foros... (../../novedadesForos.php)

Por qu? (../../porque.php)

Preguntas Frecuentes (../../preguntasFrecuentes.php)

Referencia (../../referencia/)

Fuentes (../../fuentes/)

(http://twitter.com/intent/follow?

source=followbutton&variant=1.0&screen_name=AprendeAprog)

(https://plus.google.com/+aprendeaprogramar/posts)

Novedades (../../novedades.php)

Prximos cambios (../../proximo.php)

Seguir

Contactar (../../contactar.php)

Quines somos? (../../quienes.php)

2- botones y etiquetas de texto - aprendeaprogramar

Documents