Dreamer
Administrador
Registrado: 18 Dic 2006
Mensajes: 1594
|
 Publicado: Sab Jun 16, 2007 6:32 am Título del mensaje: Reloj sencillo en Flash |
 |
|
Reloj sencillo en Flash
En este tutorial vamos a hacer un sencillo reloj. Antes que nada abriremos el Flash y crearemos una pel?cula nueva, con las siguientes dimensiones: 200px de alto x 200px de ancho ( Esto después puede variarse de acuerdo a la forma en que lo quiera hacer cada cual.
Una vez que tenemos creada nuestra pel?cula renombramos la Capa 1 (Layer1) a reloj, haciendo dobleclick sobre ella. Luego insertamos una nueva capa y la nombramos actions.
En la capa actions lo que haremos es escribir en el primer fotograma todo el Código que vayamos a utilizar, así nos quedar ? más organizado.
Ahora haz clic sobre la capa reloj y comienza a dibujar el reloj, para esto crearas 3 cuadros de texto dinámicos, para esto selecciona la herramienta Texto en el panel de Herramientas de la izquierda. Una vez ubicados los 3 cuadros de texto en el escenario aseg?rate que sean dinámicos, esto lo hace en la barra del Panel Propiedades.
Ponle a cada cuadro de texto un nombre de instancia:
hora_txt (1er Cuadro de Texto)
minutos_txt (2do Cuadro de Texto)
segundos_txt (3er Cuadro de Texto)
Inserta También dos cuadros de texto estáticos que digan ":" para separar la hora de los minutos y los segundos. Te debe quedar algo así:
Una vez hecho esto vayamos a lo bueno!!!!!!
Selecciona el primer fotograma de la capa actions y presiona F9 para desplegar el Panel Acciones, que es donde programaremos nuestro reloj.
Primero tenemos que crear un objeto Date, este objeto trae funciones que nos permite saber la fecha, hora, minutos, segundo, etc., en un determinado momento.
Introducimos el este Código:
| Código: |
| time = new Date(); |
time es la variable que creo del tipo Date
luego ponemos:
| Código: |
onEnterFrame()
{
hora = time.getHours(); // llamamos al método getHours para obtener la hora y
// la almacenamos en una variable llamada hora
minutos = time.getMinutes(); // llamamos al método getMinutes para obtener los
// minutos y lo almacenamos en una variable minutos
segundos = time.getSeconds(); //hacemos lo mismo pero para los segundos
hora_txt.text = hora; //aquá mostramos el valor de la hora en el cuadro de texto
//hora_txt
minutos_txt.text = minutos; //aquá mostramos el valor de los minutos en el
//cuadro de texto minutos_txt
segundos_txt.text = segundos; //aquá mostramos el valor de los segundos en el
//cuadro de texto segundos_txt
} |
Ahora prueba la pel?cula presionando ctrl. + Enter
Como ver?s, muestra la hora pero no se actualiza. Para esto debes hacer una ultima cosa, debes insertar un segundo fotograma, para esto haz clic derecho sobre el segundo fotograma de cada una de las capas y selecciona Insertar fotograma ( en ingles Insert Frame) o hazclick sobre el segundo fotograma de cada capa y presiona F5.
Finalmente quedaría parecida a esta:
Ahora prueba la pel?cula.
Puesto que es un reloj sencillo devuelve la hora militar. Para que no ocurra esto deberás hacer uso de algunas condiciones? pero eso lo dejo para que piensen o como tema para otro tutorial.
Aquá dejo el Código completo para evitar confusiones:
| Código: |
time = new Date();
onEnterFrame()
{
hora = time.getHours();
minutos = time.getMinutes();
segundos = time.getSeconds();
hora_txt.text = hora;
minutos_txt.text = minutos;
segundos_txt.text = segundos;
} |
http://www.elguruprogramador.com.ar/cont...
fuente: http://www.elguruprogramador.com.ar/arti...
_________________
Agradecer no cuesta nada
 |
|
F.A.Q.
Buscar
Lista de Miembros
Grupos de Usuarios
Regístrese
Perfil
Conéctese para revisar sus mensajes
Conectarse
