¿Cómo agregar una barra de progreso en Flash?

Muchos amigos no consideraron el tema de la carga de antemano cuando estaban trabajando en el trabajo. Cuando el trabajo estuvo terminado y querían publicarlo, pensaron que el archivo era un poco grande y necesitaba agregarlo. una animación de descarga de carga si la agrega antes de cargar la misma escena, el trabajo es relativamente grande, es problemático mover todos los fotogramas y, a menudo, es fácil cometer errores si no tiene cuidado. Este es un problema que enfrentan los principiantes. A continuación se muestra un método sencillo para aumentar la carga de la producción de escenas. En este ejemplo, solo se muestran las barras y el porcentaje de descarga.

Abra un archivo fuente de su trabajo o ejercicio:

1: Agregar --Escena

Seleccione Escena en el menú Modificar (mayúscula F2) para abrir el panel de escena, haga clic en el botón " " en la esquina inferior derecha del panel de escena y agregue una "escena 2". Esta "escena 2" es la escena que usamos para cargar. Arrastre "Escena 2" a "Escena 1". Esto se debe a que la animación se reproduce en el orden de las escenas. Primero debemos reproducir la escena de carga, consulte (Imagen 1)

Dos: Agregar. --Capa

En "Escena 2", haga clic en el botón Agregar capa " " debajo de la línea de tiempo para crear 4 capas, nombradas de arriba a abajo:

Capa de acción, capa de barra de progreso , capa de botón, capa de animación Consulte (Figura 2)

Tres: Capa de control de CA: agregue código:

1. Seleccione la capa de acción, seleccione el primer cuadro en el. panel de propiedades, escriba "reproducir" (más la etiqueta del cuadro reproducir), luego abra el panel de acciones en la ventana - Acción (F9) y copie el siguiente código y péguelo (Figura 3)

//Asignar el número total de bytes de la película a la variable total

total = _root.getBytesTotal()

// Asigna el número de bytes que se han descargado a la variable cargada<; /p>

loaded = _root.getBytesLoaded();

// Redondea para calcular el porcentaje del número de bytes que se han descargado y asígnalo a Carga variable

load = int(loaded/total*100);

// Asigna el número de bytes descargados a la variable de texto dinámico loadtxt

loadtxt = "loading" load ""; /p>

//La barra de progreso salta al cuadro correspondiente según el porcentaje;

_root.Progress bar.gotoAndStop(load). 2. Inserte un fotograma clave en blanco en el fotograma 6 (F7), copie y pegue el siguiente código, consulte (Figura 4)

//Si el número de bytes descargados = Número total de bytes, salte al fotograma 6 y detener

if (loaded == total) {

gotoAndStop(6);

//De lo contrario, salta al fotograma con el nombre de etiqueta "play", continuar descargando

} else {

gotoAndPlay("play");

Cuatro: crear un clip de película con barra de progreso:

1 (Ctrl f8) Insertar--Nuevo componente--Clip de película, llamado: "Barra de progreso" En este MC, se crean dos capas, a saber, "Línea de borde" y "Color de relleno" (Figura 5)

2. En la capa "Línea de borde", seleccione la herramienta rectángulo, personalice el borde y el color de relleno, dibuje un rectángulo y configúrelo en el panel de propiedades: Ancho: 300; Y:-12. F5 inserta un cuadro normal en el cuadro 100.

Seleccione el color de relleno dentro del rectángulo (Ctrl Cuadro, seleccione el primer cuadro para crear una animación de "forma" y cambie el ancho del rectángulo a: 3 en el primer cuadro. Haga doble clic en el marco rectangular y ajuste el trazo a: 2 en el panel de propiedades y personalice el color. Consulte (Figura 5)

Cinco: Capa de barra de progreso: configure la barra de progreso y el texto dinámico:

1 Regrese a la escena 2 y coloque la "barra de progreso" que acaba de crear. Arrastra MC desde la biblioteca al primer fotograma de la capa "Barra de progreso" y colócalo en la posición adecuada. Luego seleccione el MC "Barra de progreso" en el escenario y escriba el nombre de la instancia "Barra de progreso" en el panel de propiedades. Presione F5 en el cuadro 6 para insertar un cuadro normal.

2. Seleccione la capa "Barra de progreso", seleccione la herramienta de texto "A" y agregue un cuadro de texto dinámico en una posición adecuada en el escenario (el cuadro de texto escribe dinámicamente el resultado porcentual después del programa). operación), establezca el tipo de texto en el panel de propiedades: texto dinámico, fuente: Arial, nombre de variable: loadtxt, línea única, tamaño y color de fuente personalizados, consulte los parámetros relacionados (Figura 6)

Seis: Botón capa--Agregar botón de reproducción:

1. En el sexto cuadro de la "Capa de botón", presione (F7) para insertar un cuadro clave en blanco, seleccione la Biblioteca pública en el menú Ventana, abra el Botón. Biblioteca, saque el botón de reproducción que desee, colóquelo en el escenario y ajuste su tamaño. (En este ejemplo, la selección es: reproducción---reproducción-reproducción) Si tienes tiempo, puedes hacer un botón que sea consistente con el estilo de tu trabajo.

2. Seleccione el componente del botón en el escenario: Ventana--Acción (F9) para abrir el panel de acciones y agregue el siguiente código al botón:

on (liberar) { //soltar botón

gotoAndPlay("Scene 1", 1); //Saltar y reproducir el primer fotograma de la escena 1

}

Nota: escena aquí 1 es el nombre de la escena de la primera animación principal que desea reproducir, que puede completarse de acuerdo con la situación real de su trabajo.

Siete: Capa de animación: coloque animación MC:

Ahora se puede usar la carga, pero para que la pantalla de espera se vea bien, puede agregar animación MC a la "animación". capa". Podemos hacer varios MC animados nosotros mismos, o agregar los videoclips más bellos de la escena 1 a la "capa de animación" y colocarlos en la posición adecuada, o podemos ser creativos según las necesidades del trabajo.

Ocho: Guardar prueba:

Ctrl Ingresar video de prueba. Si el trabajo es relativamente pequeño, la carga pasará instantáneamente durante la prueba. Permítame decirle una forma sencilla de ver la carga completa: cuando pruebe el video, asegúrese de seleccionar "Mostrar" en el menú "Ver" después de Ctrl Enter. "Data Flow" y poco a poco podrás apreciar todo el proceso de carga.

(Nota: esta opción no está disponible en el menú "Ver" cuando no está en el estado de prueba Ctrl Enter.)

Referencia: /Article/Class38/Class62/200409/Article_2203 .html

4