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
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
-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

