-
Cómo crear Cargando Bares
-
Cargando barras muestran el progreso de una descarga o proceso. La barra de carga ofrece a los usuarios una comprensión visual de cómo está llegando a lo largo de los avances. Cada lenguaje de programación tiene su propio método para crear barras de progreso. Las opciones más populares son Flash y Ajax. Creación de una barra de carga requiere una imagen de carga de barras que puede hacer usted mismo o descargar desde un generador de imágenes. La barra de carga requiere código que informa que la cantidad de progreso se está realizando.Instrucciones
Cargando la creación de barras con el Ajax
1 Descarga un gif barra de carga del generador gif Ajax (ver Recursos). Elija un estilo en el menú desplegable "Tipo de indicador" haga clic en "Generar". Haga clic en "Descargar It!" por debajo de la vista previa. Aparecerá un diálogo de descarga. Vaya al directorio de su carga -bar proyecto, el nombre de la "loading.gif" archivo y luego presionar "Enter". Alternativamente, si usted es un editor de gráficos, puede crear su propia barra de progreso. Asegúrese de que es una animación con la extensión "jpg".
2 Descargar la librería jQuery (ver Recursos). Un archivo de código JavaScript se abrirá. Haga clic en "Archivo", "Guardar". Cuando aparezca el cuadro de diálogo Guardar, vaya al directorio de su proyecto de carga-bar y presionar "Enter".
3 Lance un editor de código o el Bloc de notas. Para el Bloc de notas, haga clic en "Inicio", "Todos los programas", "Accesorios", "Bloc de notas".
4 Copiar y pegar el siguiente código al archivo en blanco:
<Html>
<Head>
<Script type = "text / javascript" alt = "loading .." />
& Lt; / div>
</ Body>
</ Html>
5 Guarda el archivo. Haga clic en "Archivo", "Guardar", darle un nombre a la "" extensión (como "html loadbar.html") y presionar "Enter".
Creación de Carga Bares con flash
6 Lanzar cualquier editor de Flash.
7 Crear tres nuevos marcos con haciendo clic en "Insertar", "marco".
8 En el panel "marcos" (por lo general en la parte izquierda del editor Flash), haga clic derecho en el marco superior y seleccione "Cambiar nombre". El nombre de "acciones". Utilice el mismo proceso para nombrar el segundo cuadro "siteloader", el "esquema" tercer marco y el último fotograma "barra".
9 Bloquear las "acciones" y "marcos" de esquema. Haga clic derecho en cada uno de los nombres de los marcos y seleccionar "Bloqueo".
10 Ajuste el "relleno" y "colores" accidente cerebrovascular. El "llenar" el color es el que está junto al cubo volcado. El color "golpe" es el color al lado del lápiz. Asegúrese de que los colores contrastan entre sí de modo que la carrera será claramente visible sobre el fondo.
11 Crear un rectángulo de la barra de carga. Haga clic en la herramienta de rectángulo en la caja de herramientas, defina la frontera a la anchura deseada y dibuje un rectángulo en el marco de "barra". Este rectángulo actuará como su barra de carga. El color "relleno" llenará la barra de carga como la descarga progresa.
12 Mueva el contorno de la capa de "bar" a la capa de "esquema". Doble clic en el borde de la barra de carga para seleccionar sólo el contorno. Pulse la tecla "Ctrl" y "x" al mismo tiempo para cortar el contorno de la barra de carga. Haga clic derecho en la palabra "bar" y seleccionar "Bloqueo". Haga clic derecho en "contorno" y seleccione "Desbloquear". Haga clic en "Editar" y "Pegar en el lugar".
13 Hacer que la barra de carga una imagen en movimiento. Haga clic derecho en "contorno" y seleccionar "Bloqueo". Haga clic derecho en "bar" y seleccione "Desbloquear". Haga clic en el rectángulo, a continuación, "Modificar", "Convertir en símbolo". Tipo "barra de carga", como el nombre y luego haga clic en el botón de opción "imagen en movimiento" y presionar "Enter".
14 Crear una instancia de ActionScript. Haga clic en "Propiedades". En el cuadro de texto junto a "Nombre" tipo "loadingBar."
15 Configurar el gestor de sitio. Bloquear la capa de "bar" y desbloquear la capa "siteloader". Haga clic en "Insertar" y "un nuevo símbolo," el nombre de "sitio", seleccione "imagen en movimiento" y presionar "Enter". Haga clic en "Ventana", "Biblioteca". Haga clic en "sitio" y arrastrarlo a la etapa (el panel principal del editor de Flash). Haga clic en "Propiedades". En el cuadro de texto "Nombre" tipo "siteLoader."
dieciséis Programar el código ActionScript. Haga clic en "Ventana", "acciones". Un editor de código aparecerá en la pantalla. Copia y pega el código siguiente para el editor de código:
siteLoader.loadMovie ( "<lo que se está CARGADO>");
loadingBar._xscale = 1;
loadingBar.onEnterFrame = function () {
kBytesLoaded = this._parent.siteLoader.getBytesLoaded () / 1024;
kBytesTotal = this._parent.siteLoader.getBytesTotal () / 1024;
= porcentaje Math.round (kBytesLoaded / kBytesTotal * 100);
this._xscale = porcentaje;
si (porcentaje == 99) {
Eliminar this.onEnterFrame;
}
}
Reemplazar "<lo que se está CARGADO>" por la ruta del archivo o página web que se está cargando, mientras que la barra de carga progresa.
17 Guarde el proyecto como "loadbar.swf."
