Comunidad de diseño web y desarrollo en internet online

Efecto para Canvas visible

Citar            
MensajeEscrito el 09 Ago 2010 10:24 pm
Hola a todos! espero y esten teniendo un bonito dia.

los moslesto con una duda, lo que pasa es que tengo dos canvas (cada uno con conponentes diferentes dentro), se encuentra un canvas encima de otro, al correr la aplicacion uno esta visible="false" y el otro visible="true", cuando se presiona un boton la cuestion cambia (el que era false se hace true, y el true en false, asi cada vez que se presiona el boton) el unico detalle es que se ve muy soso y quisiera poder ponerle un efecto. alguien sabe como hacerlo?

Gracias de antemano. :D

Por BERENOG

6 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 09 Ago 2010 11:24 pm
Estas en flex (3 o 4) o en flash?

Por px87

Claber

141 de clabLevel

1 tutorial

Genero:Masculino  

firefox
Citar            
MensajeEscrito el 09 Ago 2010 11:31 pm
En Adobe flex builder 3

Por BERENOG

6 de clabLevel



Genero:Femenino  

msie8
Citar            
MensajeEscrito el 10 Ago 2010 12:23 am
asdf

Por xcom

Claber

530 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 Ago 2010 12:30 am
Una Clase que crea el efecto y la asocia

O estaticamente asi
<comp.... bla bla ...showEfect:{putinEfecto}
<mx:WipeLeft id="putinEfecto" duration="560"/>

luego tendras que gatillar segun alguna variable

o bien usar el target asi
<mx:WipeLeft id="putinEfecto" duration="560" target={puta la guea}/>

entonces creas una funcion dentro de tu componente (es tu logica por supuesto)

<comp..bla bla .....
....<mx:Hbox id="putinHbox".../>

public function oquefuncion(variable:Boolean){
//aqui se lo mandas a guardar bien rico
if(!variable){//logica inversa
//haz la magia aqui,y cuando todo este ok
//correr efecto
putinEfecto.play()

}
}
}

Por supuesto que la funcion esta sobre hbox que esta dentro del componente , es logico que tambien lo puedes hacer
para el comp, (lee libros) y tambien es logico no consumir el runtime del cliente asi que debes terminar el efecto
asi putinefecto.end()

bueno suerte

Por xcom

Claber

530 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 Ago 2010 12:42 am
ok, muchas gracias XCOM

Por BERENOG

6 de clabLevel



Genero:Femenino  

msie8
Citar            
MensajeEscrito el 24 Ago 2010 10:28 pm
muy bien mi codigo quedo asi:

Código Flex :

<mx:Dissolve id="dissolveOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
    <mx:Dissolve id="dissolveIn"  duration="3000" alphaFrom="0.0" alphaTo="1.0"/>
   <mx:WipeUp id="wipeIn" duration="2500"/>
    <mx:WipeDown id="wipeOut" duration="650"/>

<mx:Canvas hideEffect="{wipeOut}" showEffect="{dissolveIn}" width="267" height="208" id="canvas_dias" x="542" y="49" borderStyle="outset">
      <mx:CheckBox x="10" y="40" label="Lunes" id="chb_lunes"/>
      <mx:CheckBox x="10" y="70" label="Martes" id="chb_martes"/>
      <mx:CheckBox x="10" y="100" label="Miercoles" id="chb_miercoles"/>
      <mx:CheckBox x="178" y="40" label="Jueves" id="chb_jueves"/>
      <mx:CheckBox x="178" y="70" label="Viernes" id="chb_viernes"/>
      <mx:CheckBox x="178" y="100" label="Sabado" id="chb_sabado"/>
      <mx:CheckBox x="178" y="130" label="Domingo" id="chb_domingo"/>
      <mx:Label x="10" y="10" text="Seleccione:" fontWeight="bold"/>
   </mx:Canvas>
   <mx:LinkButton x="513" y="21" label="Dirigido a: / Dias:" click="cambio()" width="132"/>
   <mx:Canvas hideEffect="{wipeOut}" showEffect="{dissolveIn}" x="531" y="48" width="300" height="212" id="canvas_diriguido">
      <mx:Button x="209" y="168" label="Borrar" id="btn_BorrarC" click="borrar()" toolTip="Borra el registro seleccionado" width="68" fontSize="9"/>
      <mx:DataGrid x="10" y="34" width="267" id="dg_atendido" height="126" fontSize="9">
         <mx:columns>
            <mx:DataGridColumn headerText="Num" dataField="dataFolio" visible="false"/>
            <mx:DataGridColumn headerText="Carreras" dataField="dataCarre"/>
            <mx:DataGridColumn headerText="Departamento" dataField="dataDepart"/>
         </mx:columns>
      </mx:DataGrid>
      <mx:Button x="37" y="4" label="Seleccionar" id="btn_SelectC" click="seleccionar()" toolTip="Presione para seleccionar un carrera de una lista" width="202" fontSize="9"/>
</mx:Canvas>


Código ActionScript :

//cambio de visible
   private function cambio():void
      {
      if(canvas_dias.visible==false)
      {
      canvas_dias.visible=true;
      canvas_diriguido.visible=false;
      }
      else if (canvas_dias.visible==true)
      {
      canvas_dias.visible=false;
      canvas_diriguido.visible=true;
      }
               
      }   


gracias :cool:

Por BERENOG

6 de clabLevel



Genero:Femenino  

chrome
Citar            
MensajeEscrito el 25 Ago 2010 03:54 am
cabe destacar que puedes usar estos efectos, sin declarar nada, es decir usarlos directamente
<mx:Dissolve id="dissolveOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
<mx:Dissolve id="dissolveIn" duration="3000" alphaFrom="0.0" alphaTo="1.0"/>
<mx:WipeUp id="wipeIn" duration="2500"/>
<mx:WipeDown id="wipeOut" duration="650"/>

Por xcom

Claber

530 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.