[SOLUCIONADO] Meter botones dinamicos por codigo en movieClip

[marcwolf]

Hola,

quiero meter botones creados dinamicamente en un movie clip que he puesto en el escenario

tengo este código que he modificado de este manual http://www.cristalab.com/tutoriales/...t-2.0-c48192l/

Código AS2:

//creamos un MovieClip vacio q funcionara como contenedor a nuestros botones
//this.createEmptyMovieClip("botonera",this.getNextHighestDepth());
 
//creamos un Array con los nombres de los botones y q nos dira cuantos queremos
var labels:Array = nom;
 
//usamos with() para escribir dentro del clip vacio
with(botonera){
    
    //posicionamos la botonera
    //this._x = 0;
    
    //creamos un for seteado por la longitud del Array
    for(i=0;i < labels.length; i++){
        
        //declaramos una vaiable de tipo MovieClip q funcionara de modelo a nuestros botones
        //le damos por valor cada boton attachado
        var modelButton:MovieClip = _root.attachMovie("boton", "boton"+ i, _root.getNextHighestDepth());
        //posicionamos los botones
        modelButton._x = 0;
        modelButton._y = ((i+1*0) + this._height) + 5; //multiplicamos por 0, para q la distancia sea constante
        
        //le ponemos titulo a cada boton, dados por los elementos del Array
        modelButton.t.text = labels[i];
        
        //simulamos eventos RollOver y RollOut
        modelButton.onEnterFrame = function (){
            
            //ecuacion para la trancicion de alpha
            //donde: a = transparencia
            //       v = velocidad de trancicion
            this._alpha += (this.a - this._alpha) /this.v;
                        
            //si el cursor esta sobre el boton...           
            if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
                //...cambia su transparencia al 50%
                this.a = 50;
                this.v = 5;
                
                //sino, vuelve o se mantiene al 100%
                } else{
                    this.a = 100;
                    this.v = 10;
                    }
                }
        //simulamos eventos onRelease       
        modelButton.onMouseDown = function (){
            if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
                if(this._name == "boton1"){
                    trace("welcome home")//acciones
                }
                if(this._name == "boton2"){
                    trace("about us")//acciones
                }
                if(this._name == "boton3"){
                    trace("our services")//acciones
                }
                if(this._name == "boton4"){
                    trace("contact us")//acciones
                }
            } 
        }
    }
        
}
 

La cuestión es;

1) que si pongo _root.attachMovie("boton", "boton"+ i, _root.getNextHighestDepth()); mete los botones dinámicamente abajo del todo de la pelicula.. y da igual las modelButton._x o _y que le de que me lo pone en la misma coordenada..

2)También probé: botonera.attachMovie("boton", "boton"+ i, botonera.getNextHighestDepth()); y no aparece nada

3)También probé haciéndolo igual que en el manual pero cambiando la array y lo mismo me lo crea abajo del todo :S

4)No entiendo que eso de la profundida y no he encontrado información clara al respecto.

gracias de antemano

[marcwolf]

PARA QUE SE USA EL with(botonera) ?

me bastado con poner
this.createEmptyMovieClip("botonera",this.getNextH ighestDepth());
botonera._x = 100;

XD, buenu pero igualmente me gustaría meter los botones dinamicos dentro de movieclip que cree ( con clics ) , creo que es muy fácil!! sigo buscando phew cómo 2 horas encallado aquí xd i m feeling tard

[Bandit]

Hola marcwolf:
En primer lugar el código que publicas tiene varios errores:
1.- La línea: this.createEmptyMovieClip("botonera",this.getNextH ighestDepth()); la tienes comentada.
2.- Te falta el array de las etiquetas de los botones, tú solamente pusiste: var labels:Array = nom; y debería decir: var labels:Array = Array("home","about","services","contact");
3.- El código de posicionamiento en la horizontal, la tienes comentada, está así: //this._x = 0 y debería estar así; this._x = 0;
4.- En los códigos de la simulación del onRelease, los nombres de los botones empiezas con boton1, debes de empezar con boton0, ...boton3 para que la ventana de salida muestre el texto que pusiste el en trace.
Creando se crea solamente el menú en la película se posiciona bien en el lugar correspondiente, pero al adicionar otros elementos al escenario se desplaza hacia abajo, una forma de resolverlo sería cargar la película que contiene el menú sobre la principal. por niveles.

Espero haberte sido de ayuda.

[marcwolf]

Hola, muchas gracias por contestar

1- Explicación codigo y problemas básicos

nom -> es una array con los nombres así nom[0] = "empresa 1".. etc

El problema que tengo es que sino pongo

Código as2:

"botonera2._x = 100;
botonera2._y = 400;"
 

se me crea abajo del todo, aunq creo que al hacerlo así se crean directamente mis botones en las posiciones que le doy y sin estar dentro de botonera2

Código as2:

//posicionamos los botones
        modelButton._x = 0;
        modelButton._y = 200 + i*30;
 

Código completo

Código as2:

//creamos un MovieClip vacio q funcionara como contenedor a nuestros botones
this.createEmptyMovieClip("botonera2",this.getNextHighestDepth());
botonera2._x = 100;
botonera2._y = 400;
//creamos un Array con los nombres de los botones y q nos dira cuantos queremos
var labels:Array = nom;
 
//usamos with() para escribir dentro del clip vacio
with(botonera2){
    //creamos un for seteado por la longitud del Array
    for(i=0;i < labels.length; i++){
        
        //declaramos una vaiable de tipo MovieClip q funcionara de modelo a nuestros botones
        //le damos por valor cada boton attachado
        var modelButton:MovieClip = this.attachMovie("empresa", "empresa"+ i, this.getNextHighestDepth ());
        //posicionamos los botones
        modelButton._x = 0;
        modelButton._y = 200 + i*30; //multiplicamos por 0, para q la distancia sea constante
        
        //le ponemos titulo a cada boton, dados por los elementos del Array
        modelButton.t.text = labels[i] + "," + i;
        
        //simulamos eventos RollOver y RollOut
        modelButton.onEnterFrame = function (){
            
            //ecuacion para la trancicion de alpha
            //donde: a = transparencia
            //       v = velocidad de trancicion
            this._alpha += (this.a - this._alpha) /this.v;
                        
            //si el cursor esta sobre el boton...           
            if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
                //...cambia su transparencia al 50%
                this.a = 50;
                this.v = 5;
                
                //sino, vuelve o se mantiene al 100%
                } else{
                    this.a = 100;
                    this.v = 10;
                    }
                }
        //simulamos eventos onRelease       
        modelButton.onMouseDown = function (){
            if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
                if(this._name == "empresa1"){
                    trace("welcome empresa1")//acciones
                }
                if(this._name == "empresa2"){
                    trace("welcome empresa2")//acciones
                }
                if(this._name == "empresa3"){
                    trace("welcome empresa3")//acciones
                }
                if(this._name == "empresa4"){
                    trace("welcome empresa4")//acciones
                }
            } 
        }
    }
        
}
 

2-" pero al adicionar otros elementos al escenario se desplaza hacia abajo, una forma de resolverlo sería cargar la película que contiene el menú sobre la principal. por niveles." No sé cómo se hace eso :S podrias explicarmelo o poner un ejemplo?

3- La finalidad que busco es ``Crear un movieclip con scrollbar que contenga los botones dinámicos ´´

Gracias de antemano :)

[Bandit]

Si lo que quieres es tener los botones dentro de un scroll, haz lo siguiente:
1.- Crea un MC manualmente lo llamas botonera y lo vinculas.
En su primer frame escribe, el código:

Código actionscript:

this.createEmptyMovieClip("botonera",this.getNextHighestDepth());
botonera._x = 100;
var labels:Array = Array("Home", "About", "Service", "Contact");
with (botonera) {
    for (i=0; i<labels.length; i++) {
        var modelButton:MovieClip = this.attachMovie("empresa", "empresa"+i, this.getNextHighestDepth());
        modelButton._x = 0;
        modelButton._y = 0+i*30;
        modelButton.texto.text = labels[i]+","+i;
        modelButton.onEnterFrame = function() {
            this._alpha += (this.a-this._alpha)/this.v;
            if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
                this.a = 50;
                this.v = 5;
            } else {
                this.a = 100;
                this.v = 10;
            }
        };
        modelButton.onMouseDown = function() {
            if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
                if (this._name == "empresa0") {
                    trace("welcome empresa1");//acciones
                }
                if (this._name == "empresa2") {
                    trace("welcome empresa2");//acciones
                }
                if (this._name == "empresa3") {
                    trace("welcome empresa3");//acciones
                }
                if (this._name == "empresa4") {
                    trace("welcome empresa4");//acciones
                }
            }
        };
    }
}
 

2.- Crea otro MC, lo llamas: empresa y lo vinculas, en el frame 1 dibuja un rectángulo y en el frame 2 coloca un campo de texto dinámico con nombre de instancia: texto.
3.- En el escenario coloca el Componente ScrollPane y le das las dimensiones que quieras sea necesario para mostrar 1, 2 o lo botones que necesites por vez.
Abres el Inspector de componentes y allí donde dice: contenPath le escribes: botonera.

Espero haberte sido de ayuda,

[marcwolf]

hola Bandit,
he echo tal cual me has dicho:
1- este codigo pegado dentro del mc "botonera" creado manualmente

Código as2:

//creamos un MovieClip vacio q funcionara como contenedor a nuestros botones
this.createEmptyMovieClip("botonera",this.getNextHighestDepth());
botonera._x = 100;
//creamos un Array con los nombres de los botones y q nos dira cuantos queremos
var labels:Array = Array("home","about","services","contact");
 
//usamos with() para escribir dentro del clip vacio
with(botonera){
    
    //posicionamos la botonera
 
    
    //creamos un for seteado por la longitud del Array
    for(i=0;i < labels.length; i++){
        
        //declaramos una vaiable de tipo MovieClip q funcionara de modelo a nuestros botones
        //le damos por valor cada boton attachado
        var modelButton:MovieClip = this.attachMovie("empresa", "empresa" + i, this.getNextHighestDepth ());
       
        //posicionamos los botones
        modelButton._x = 0;
        modelButton._y = i*20; //multiplicamos por 0, para q la distancia sea constante
        
        //le ponemos titulo a cada boton, dados por los elementos del Array
        modelButton.texto.text = labels[1];
        
        //simulamos eventos RollOver y RollOut
        modelButton.onEnterFrame = function (){
            
            //ecuacion para la trancicion de alpha
            //donde: a = transparencia
            //       v = velocidad de trancicion
            this._alpha += (this.a - this._alpha) /this.v;
                        
            //si el cursor esta sobre el boton...           
            if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
                //...cambia su transparencia al 50%
                this.a = 50;
                this.v = 5;
                
                //sino, vuelve o se mantiene al 100%
                } else{
                    this.a = 100;
                    this.v = 10;
                    }
                }
        //simulamos eventos onRelease       
        modelButton.onMouseDown = function (){
            if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
                if(this._name == "empresa0"){
                    trace("welcome home")//acciones
                }
                if(this._name == "empresa1"){
                    trace("about us")//acciones
                }
                if(this._name == "empresa2"){
                    trace("our services")//acciones
                }
                if(this._name == "empresa3"){
                    trace("contact us")//acciones
                }
            } 
        }
    }
        
}
 

2- Crear MC empresa donde el primer frame es. un rectangulo y el segun un texto con nombre de instancia "texto"

3- ``En el escenario coloca el Componente ScrollPane´´ , no se donde te refieres cuando dices escenario lo he provado dentro de botonera , y no iva pero en el escenario principal y eliminando el MC botonera del escenario principal ( prk sino se veian repetidos ) , se crean los botones correctamente dentro del scrollPanel pero no hace el scroll para todos los elementos, :S

gracias de antemano

Edito: ya he visto cómo puedo ir modificandolo , muchas gracias me has sacado de donde estaba encallado =D

[Bandit]

Cuando te dije que el Componente lo pogas en el escenario y no dentro de ningún MC.
Lo que pasa es que en el código que publicas hay errores, porque no copias el código que te di, lo pegas y verás que si funciona.
Después de ver que si funciona, compara tu código con el que te di, para que veas donde está mal.

Espero haberte sido de ayuda.

[marcwolf]

hola, me gustaría usar este scroll con los botones dinámicos.. pero no doy con la solución zzzz

http://www.cristalab.com/tutoriales/...flash-c44339l/

Osea remplazar txt por la caja con los botones dinámicos, he echo lo mismo pero no sé prk se me para :S

[Bandit]

Algo debes de haber hecho mal.
Ese scroll es para mover un MC que contenga los botones, tendrías que probar si la carga dinámica de los botones no de problemas.
Visita mi página, allí tienes un tutor que se llama: barra_scroll.

Espero que te sea de alguna utilidad.

[marcwolf]

Hola Bandit,
1- lo primero que estábamos tratanto, "scroll de botones dinamicos", comentarte que he eliminado del escenario el MC "botonera" prk sino se me veían repetidos los botones creados dinamicamente, debido a que; había el MC "botonera" y el scrollPane y los dos mostraban los mismo resultados

Código as2:

//creamos un MovieClip vacio q funcionara como contenedor a nuestros botones
this.createEmptyMovieClip("botonera",this.getNextHighestDepth());
botonera._x = 0;
//creamos un Array con los nombres de los botones y q nos dira cuantos queremos
var labels:Array = Array("home","about","services","contact");
 
//usamos with() para escribir dentro del clip vacio
with(botonera){
    
    //posicionamos la botonera
 
    //creamos un for seteado por la longitud del Array
    for(i=1;i <= labels.length; i++){
        
        //declaramos una vaiable de tipo MovieClip q funcionara de modelo a nuestros botones
        //le damos por valor cada boton attachado
        var modelButton:MovieClip = this.attachMovie("boton", "boton" + i, this.getNextHighestDepth ());
       
        //posicionamos los botones
        modelButton._x = 0;
//agrege esta linea para que el primer boton no lo escriba con separación de 20
        if( i == 0){modelButton._y = 0;}
        else{
        modelButton._y = (i-1)*20; //multiplicamos por 0, para q la distancia sea constante
        }
        //le ponemos titulo a cada boton, dados por los elementos del Array
        modelButton.t.text = labels[i-1];
        
        //simulamos eventos RollOver y RollOut
        modelButton.onEnterFrame = function (){
            
            //ecuacion para la trancicion de alpha
            //donde: a = transparencia
            //       v = velocidad de trancicion
            this._alpha += (this.a - this._alpha) /this.v;
                        
            //si el cursor esta sobre el boton...           
            if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
                //...cambia su transparencia al 50%
                this.a = 50;
                this.v = 5;
                
                //sino, vuelve o se mantiene al 100%
                } else{
                    this.a = 100;
                    this.v = 10;
                    }
                }
        //simulamos eventos onRelease       
        modelButton.onMouseDown = function (){
            if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
                if(this._name == "boton1"){
                    trace("welcome home")//acciones
                }
                if(this._name == "boton2"){
                    trace("about us")//acciones
                }
                if(this._name == "boton3"){
                    trace("our services")//acciones
                }
                if(this._name == "boton4"){
                    trace("contact us")//acciones
                }
            } 
        }
    }
        
}
 

2- Scroll con easing de cristalab.
He echo;

1- he copiado el MC "botonera" en la capa txt y lo he reemplazado.
1.a - Cambio el código de "textScroller" txt a empresasList

code que va dentro de "textScroller"

Código as2:

//-------------------------------------------------------------------------------
//declaramos variables
var posy:Number = 5;
//variables q van a limitar el movimiento del drag
izquierda = dragger._x;
superior = 0;
derecha = dragger._x;
inferior = mascara._height - dragger._height;
 
//-------------------------------------------------------------------------------
//iniciamos el drag
dragger.onPress = function(){   
    //le asignamos las variables
    startDrag(this,false,izquierda,superior,derecha,inferior);
    
}
//terminamos el drag
dragger.onRelease = dragger.onReleaseOutside = function(){
    stopDrag();
}
//cambiamos el alpha al poser el cursor
dragger.onRollOver = function(){
    this._alpha = 75;
}
//y la restauramos al quitarlo
dragger.onRollOut = dragger.onReleaseOutside = function(){
    this._alpha = 100;
}
//-----------------------------------------------------------------------------
//seteamos la mascara al texto o clip :Cambio de txt a empresasList
empresaList.setMask(mascara);
 
//aca el codigo para el easing
empresaList.onEnterFrame = function(){
    
    /*esta variable basicamente se fija cuanto del texto ha sido "scroleado"
    a travez de la mascara y limita el movimiento del dragger en relacion a
    esta informacion, de esta manera puedes cambiar el tamaño de tu texto o clip
    y la variable se actualizara a si misma*/
    scrolled = (this._height - (mascara._height /1.3)) / (mascara._height - dragger._height);
    
    //nueva posicion en y 
    posy =- dragger._y * scrolled;
    
    //cambia la velocidad de 6 o mayor, para un scrol mas lento; y menor, para uno mas rápido
    this._y -= (this._y - posy) /6;
}
 

Es que en el anterior scroll he creado el scrollPanell de flash y en phat le he puesto el MC, aquí directamente le pongo el MC y supongo que por eso me acaba petando

He visitado tu página, pero me gusta más este scroll con easing, además lo tengo echo casi todo :P sólo tengo que adaptarlo estéticamente y bueno solucionar este problema..

Gracias de antemanos

[Bandit]

Ese tutorial que estás usando está incompleto, le falta el botón para mover el MC.
Además se tiene que utilizar 4 MC y no 3 como dice allí.

Espero haberte sido de ayuda,

[marcwolf]

Vamos a ir a tratar el problema principal;
No sé crear botones dinámicos en un MC creado manualmente en el escenario y el código de antes no me funciona, he copiado y pegado y no me va, no sé que es lo que tengo que poner ni donde.

Sí que me funciona si hago lo que me dijiste, pero sólo para "scroll de botones dinámicos", pero por lo primero que comento no funciona.

Además no sé ni porque me funciona la linea " this.createEmptyMovieClip("botonera",this.getNextH ighestDepth());" , según he leído crea un MC vacio, entonces estoy creando un MC vacio dentro del MC "botonera" dónde le agrego los botones creados dinamicamente? quedando así
_root->botonera->botonera->boton1 .. etc

createEmptyMovieClip
http://help.adobe.com/en_US/AS2LCR/F...=00001285.html

gracias de antemano

[Bandit]

Parece que tienes problemas de comprensión de lectura.
Si lees con más detenimiento mi segundo Post, allí está bien claro lo que debes de hacer.
Al crear el MC vacío y poner el código, éste creará otro MC con los botones dinámicos, para para que funcione con el scrollPane, tienes que vincularlo el MC que creaste manualmente.
Porque no desribes paso a paso lo que no entiendes, de ese modo es más fácil ayudarte.

Espero poderte ser de ayuda.

[marcwolf]

Tenias razón , lo he echo todo de nuevo y si que me funciona, debí de hacer algo mal. :D

Tengo algunas nuevas consultas respecto a esto que me has ayudado a hacer:

• Cómo accedo a una array _global creada en el escenario desde la botonera que esta vinculada al scrollPane?( aclaro que desde el escenario si puedo acceder a esta array )
• Cómo elimino desde un botón en el escenario , el scrollPane y los botones que he creado dentro?

Gracias de antemano y disculpa las molestias :$,

[marcwolf]

hola..

he estado mirando y mirando miles de paginas, y no sé si debería de adaptar el codigo a as3.. porque en as3, se puede eliminar attachmovie y tambien llamar variables globales desde obejtos creados con attachmovie, >,<, y también todos los posts que hablan en relación a as2 són super antiguos..

[marcwolf]

Ok, encontre cómo eliminar un movie clip creado con attAchmovie

Code =D

Código as2:

if(mcHolder.getDepth() >= 1048575 || mcHolder.getDepth() <= 0 ){
    mcHolder.swapDepths(2000);
}
mcHolder.removeMovieClip();
 

Sólo me falta saber cómo acceder a una variable gobal desde el mc attacheado <,<

[marcwolf]

Lo logré -> _root._global.nom; soy un poco tontooooo, tema solucionado.

Gracias Bandit !!! me has ayudado mucho !!!