Acabado el componente Preload , el foro estara a la altura ??
Para empezar se deberia crea la ayuda de la clase ObjectLoader , mirar : http://www.cristalab.com/foros/viewtopic.php?p=8634#8634
y despues teneis el preload ...
Como veo freddie algo impaciente asi q tienes luz verde para publicar la api de dibujo , parece q va bien...
http://www.activicio.com/lab/Dibujo.rar
Para la gente q ya la tiene instalada , desinstale y instale esta nueva :
hay poco cambios pero son importantes :
- quitado la parodia de AsBroadcaster , no se porq demonios me parecio una buena idea ...
- la classe es Dynamica como MovieClip !!
Este componente no tiene apartado grafico solo se trabaja por as , es lo q hay ... , si veis q es demasiado para tu nivel siempre te queda el componente de flash o crearte uno .
El preload pesa un pelin para ser un preload pero es para usar en la peli madre no en swf externos , pesa unos 9 kb , casi como la galeria , es q hay un huevo de code (+ 1500 lineas) y claro querais o no pesa ...
Q sepais q no pienso crear la ayudad ni tampoco ningun tutorial , lo q creo son herramientas para mi , soy lo bastante imbecil como para regalar mi code y encima perder la mañana en explicar como usarlo ...
Teneis un buen curro asi q cuantos mas seais ... , quierro betatesters q prueben los componentes en busca de bugs , si descubreis algun estilo majo publicarlo ...
Curros::
-Crear una plantilla con el logo de cristalab , hasta le podeis poner publi , usareis la css de macromedia ??
-Crear la ayudad de cada metodo
-Crear el xml de la ayudad
-Crear el mxi (es como un xml) es el q crea el mxp
Bueno pasemos a explicar como funciona y como hacerlo funcionar :
Extructura de preload :
Código :
MovieClip | BuhoObject : | _css : get/set propiedad comun en todos los componentes , es el estilo de los campo de texto | _style : get/set propiedad comun en todos los componentes , es el estilo de los colores de componente | setDefault(path) function comun en todos los componentes , comprueba si _css y _style fueron definididos en caso de no estarlo carga la clase q le le da el componente , ejemplo en Preload antes de dibujar nada llamo a : setDefault (com.buho.componentes.defecto.StylePreload) , si _css o _style o ambos no fuero declarado carga "com.buho.componentes.defecto.StylePreload" | Preload : | | ObjectLoader: | evento : onLoadProgress | evento : onLoadComplete | evento : onLoadError | | | StylePreload : clase q contiene los estilos por defecto para Preload | | addPreload | setTexto | setSize | load | | evento : onLoadComplete | evento : onLoadError |
Como usarlo :
Código :
import com.buho.componentes.*; /* Preload.addPreload ( clip : nivel donde quierres crear el preload (miClip,_root,this) x : la posicion donde quierres colocar el preload (_x) [opcional , por defecto = 0] y : la posicion donde quierres colocar el preload (_y) [opcional , por defecto = 0] nivel : profundida de el preload [opcional , por defecto = clip.getNextHighestDepth()] ) */ var mp :Preload = Preload.addPreload (this ,50,50,1); /* setTexto ( Inicio : texto q aparece durante la transferencia final : texto q aparece cuando se acaba la transferencia ) el simbolo # sirve para cortar el string el simbolo $ sirve para decir q es una variable tipos de variables : $porcentaje $bytesTotal $bytesLoaded ejemplo : "Cargado jpg #$bytesLoaded# / #$bytesTotal# Kb" da como resultado : "Cargado jpg 0 / 69 Kb" */ mp.setTexto ("Cargando jpg #$bytesLoaded# / #$bytesTotal# Kb","se cargo jopee!"); /* setSize ( barra : objecto q contiene las medidas de la barra [opcional , por defecto = {ancho:80,alto:10}] marco : objecto q contiene las medidas de el marco [opcional , por defecto = {ancho:100,alto:40}] ) aparte de dar la medida de el preload , es el q dibuja el preload , asi q aunq dejes los valores por defecto tienes q usarlo (setSize ()) */ mp.setSize ({ancho:180,alto:10},{ancho:200,alto:40})// // creamos los eventos listener = new Object (); listener.onLoadComplete = function(objecto,obj) { trace("Se descargo :"+objecto); trace("porcentaje :"+obj.porcentaje); trace("bytesTotal :"+obj.bytesTotal); trace("bytesLoaded :"+obj.bytesLoaded); trace("ya se cargo"); }; listener.onLoadError = function(objecto,string) { trace("No se pudo descargar :"+objecto); //trace(string); }; // creamos un contenedor pa la foto this.createEmptyMovieClip("foto", 2); foto.createEmptyMovieClip("container", 1); //foto._visible = false ; mp.onPress = function () { // cargamos la foto this._parent.foto.container.loadMovie("2.jpg"); //"http://activicio.com/lab/2.jpg?t="+new Date().getTime() /* load ( listener : objecto donde se encuentra los eventos object : objecto a seguir la transferencia ) */ this.load (this._parent.listener,this._parent.foto.container) ; }
Para aplicar estilos hay dos formas :
-1 pisando mi default :
Código :
import com.buho.componentes.defecto.*; StylePreload._style = {//lo q sea} StylePreload._css = {//lo q sea}
-2 aplicando un estilo a cada componente :
Código :
var mp :Preload = Preload.addPreload (this ,50,50,1); mp._style = {//lo q sea} mp._css = {//lo q sea}}
Explicacion de _style , tenemos 3 objectos :
nota:[poner enlace de referencia a Dibujo en la ayuda]
-1 movimiento : es la animacion q hay entre los intervalos de la consulta de la transferencia
Código :
movimiento = { vel : 10, // velocidad interval : tiempo en la q se comprueba como va la transeferencia , + tiempo == + bruto == + se ve el movimiento , en sg }
-2 barra es la barra q se mueve
Código :
barra = { ver:true,//Si se ve o no (puede interesar si solo quierres enseel texto ...) radio : 0,//radio de el rectangulo inf : { color: { el cuadrado verde oscuro } }, med : { color: { la barra el q se mueve , degradado } }, sup : { color: { la linea negra } } }
-3 marco esto llegaria ha ser el fondo de el preload
Código :
marco:{ ver:true,//Si se ve o no (ha experimentar con eso , cambia mucho la aparencia de el preload, gracias a esto son 2 preload al precio de uno ...) radio : 10,//radio de el rectangulo color: { es el verde claro } }
Explicacion de _css :
Código :
_css = { // css mirar ayudad de flash [poner enlace de referencia a las css] color: '#000000', fontFamily: '_sans', fontSize: '9', fontWeight: 'bold', //porpiedades de el preload ver:true, // si se ve o no textAlign : 'center' , // posicion de el campo de texto // left // right // center posy : 'inf'// posicion de el campo de texto // sup // inf // med }
ejemplos reales :
supongo q quereis un fla con las clases no ?
http://www.activicio.com/lab/Preload.rar
Toi curioso de ver duendes
salu2