2- botones y etiquetas de texto - aprendeaprogramar
DESCRIPTION
Manual LazarusTRANSCRIPT
-
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":
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 2/13
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"):
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 3/13
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":
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 4/13
Deberamos dejar este texto en blanco, ya que vamos a sumar nmeros:
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 5/13
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:
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 6/13
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:
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 7/13
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:
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 8/13
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
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 9/13
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:
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 10/13
Actualizado el: 17-10-2006 03:07
Anterior (view.php?id=249) Posterior (view.php?id=262)
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 11/13
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]
(../../mod/forum/discuss.php?d=1800)
15-03-2015 04:51 SUMAR LOS DIGITOS DE NUMERO DECIMAL [C#]
(../../mod/forum/discuss.php?d=1799)
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#]
(../../mod/forum/discuss.php?d=1797)
(Anteriores...) (../../novedadesForos.php)
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 12/13
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)
-
15/3/2015 2- Botones y etiquetas de texto - AprendeAProgramar.com
http://www.aprendeaprogramar.com/mod/resource/view.php?id=261 13/13
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)