Segunda Parte Programación De Botones Con ActionScript 2.0
Regresar a la Escena para terminar de conformar la totalidad de los botones que accionaran la galería, cambiarle el nombre a la capa por el de botones de desplazamiento.
-
- Arrastrar de la biblioteca el símbolo botones, colocar el símbolo en coordenadas X = 150.0 y Y = 340.0.
- Insertar un campo de Texto dinámico que contenga el número 1.
- El tamaño de la fuente es 10, Tipo de fuente Arial y Color de fuente #FFFFFF.
- Colocar el campo de texto en coordenadas X = 270.0 y Y = 350.3.
- En la casilla de variable “Var:”escribir la leyenda current
- Insertar un segundo campo de texto pero en esta ocasión deberá de ser Texto estático.
- Colocar el número 5 como texto, este será la totalidad de imágenes de la galería.
- Tipo de fuente Arial.
- Tamaño de fuente 10.
- Color de fuente #FFFFFF.
- El texto estará colocado en coordenadas X = 304.0 y Y = 350.3.
- Arrastrar desde la biblioteca (Ctrl. + L) 5 veces el símbolo botón cuadro,
- El primer símbolo (botón cuadro) estará colocado en coordenadas X = 325.0 y Y = 348.0.
- El segundo colocarlo en coordenadas X = 350.0 y Y = 348.0.
- El tercero colocarlo en coordenadas X = 375.0 y Y = 348.0.
- El cuarto colocarlo en coordenadas X = 400.0 y Y = 348.0.
- Y el quinto símbolo colocarlo en coordenadas X = 425.0 y Y = 348.0.
- En los dos siguientes pasos colocar el código ActionScript para cada uno de los botones. Con este código las imágenes serán visualizadas a voluntada.
- Seleccionar el primero de los cuadros (no seleccionar el fotograma).
- Abrir la barrara de Acciones – botón, luego escribir el siguiente código.
on (release) {
_root.i = 1;
tellTarget (“_root.imagenes”) {
gotoAndStop(_root.i);
}
_root.current = _root.i;
- Seleccionar ahora el segundo botón cuadro.
- Abrir la barrara de Acciones – botón, luego escribir el siguiente código.
on (release) {
_root.i = 2;
tellTarget (“_root.imagenes”) {
gotoAndStop(_root.i);
}
_root.current = _root.i;
}
-
- Seleccionar uno a uno los 3 restantes cuadros y colocar a cada uno de ellos su correspondiente código, de tal forma que. El tercer cuadro botón tendrá como código.
on (release) {
_root.i = 3;
tellTarget (“_root.imagenes”) {
gotoAndStop(_root.i);
}
_root.current = _root.i;
}
-
- El cuarto cuadro botón insertar el siguiente código.
on (release) {
_root.i = 4;
tellTarget (“_root.imagenes”) {
gotoAndStop(_root.i);
}
_root.current = _root.i;
}
-
- Y el quinto símbolo cuadro botón tendrá como código.
on (release) {
_root.i = 5;
tellTarget (“_root.imagenes”) {
gotoAndStop(_root.i);
}
_root.current = _root.i;
}
- Después de haber insertado a cada uno de los botones el ActionSscript correspondiente, proceder a colocar un campo de Texto estático, el tipo de fuente a usar será Arial, tamaño de la fuente 10 y color de fuente #FFFFFF.
- Escribir textos por separados para cada uno de los cuadros, así entonces en el primer cuadro colocar el número 1, en el segundo cuadro colocar el número 2, en el tercero el número 3, en el cuarto en número 4 y en el quinto cuadro el número 5.
- Colocar cada uno de los textos en las siguientes coordenadas.
- El primer texto estará colocado en coordenadas X = 329.9 y Y = 350.4.
- El segundo texto estará colocado en coordenadas X = 354.9 y Y = 350.4.
- El tercer texto estará colocado en coordenadas X = 379.9 y Y = 350.4.
- El cuarto texto estará colocado en coordenadas X = 404.9 y Y = 350.4.
- El quinto texto estará colocado en coordenadas X = 429.9 y Y = 350.4.
Descarga Archivo FLA De Este Tutorial
Visualizar Archivo SWF De Este Tutorial
Diseñar y Programar Galería En Adobe Flash Primera Parte
Parte 1 Programación De Botones
Importar Imágenes JPEG Tercera Parte
Animación de Imágenes (Color Alfa) Cuarta parte
Elaboración de la galería Quinta parte
Diseñar un Fondo para la Galería Sexta Parte
Colocar Código ActionScript en la Escena Séptima parte
Artículos relacionados:
[...] Primera Parte Programación De Botones Con ActionScript 2.0 [...]