Comunidad de diseño web y desarrollo en internet online

Efecto para un HDividedBox

Citar            
MensajeEscrito el 08 Ene 2010 02:18 pm
Hola.
Lo que he intentado hacer es que al apretar un boton, el divisor de un HDividedBox se mueva con un efecto suave.
Se que con:

Código ActionScript :

hdivbox.getDividerAt(0).x = 100;
//o
hdivbox.moveDivider(0, 20);

puedo cambiar la posición pero no logro hacer el efecto suave. Probé lo siguiente pero nada:

Código ActionScript :

<mx:AnimateProperty property="x" id="mover" target="divisor.getDividerAt(0)" duration="800" 
      toValue="200" />
   <mx:HDividedBox left="0" right="0" top="25" bottom="0" id="divisor">
      <ns1:Canvas01>
      </ns1:Canvas01>
      <ns1:Canvas02>
      </ns1:Canvas02>
   </mx:HDividedBox>   
   <mx:Button label="Ampliar" top="2" horizontalCenter="56" width="110" click="{mover}"/>

Desde ya muchas gracias por alguna idea que me puedan tirar

Por GustavoV

Claber

136 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 09 Ene 2010 12:16 am
Mmmm a ver prueba con esto a ver si te sirve, copiar, pegar y compilar.

Código Flex :

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/10/01/applying-an-effect-when-an-hbox-container-is-resized-in-flex/ -->
<mx:Application name="HBox_resizeEffect_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

         
   <mx:Script>
      <![CDATA[
      public function moverH():void
      {
         //hDividedBox.moveDivider(0, 80); 
         hDividedBox.getDividerAt(0).x = 100;
      }
      ]]>
   </mx:Script>
         
    <mx:HDividedBox id="hDividedBox" width="100%" height="100%">
        <mx:HBox id="hBox1"
                backgroundColor="haloGreen"
                resizeEffect="Resize"
                width="100%"
                height="100%" />
        <mx:HBox id="hBox2"
                backgroundColor="haloBlue"
                resizeEffect="Resize"
                width="100%"
                height="100%" />
    </mx:HDividedBox>


   <mx:Button label="Ampliar" top="2" horizontalCenter="56" width="110" click="{moverH();}"/> 
   
</mx:Application>



Aqui le asignamos un efecto de Resize, al mover el Divide Box, esto nos genera que ya sea dividiendo manualmente, o externamente, se vea el efecto de suavizado.

Por rolv

Claber

2000 de clabLevel

3 tutoriales

 

firefox
Citar            
MensajeEscrito el 09 Ene 2010 04:17 pm
Gracias. Funciona, solo que no se porque cuando cambias el tamaño de la ventana del navegador despues de mover el divisor ya sea desde el boton o desde el divisor mismo, entra a moverse para cualquier lado (eso sucede cuando la ventana no esta maximizada, moves el divisor y despues maximizas). Será algun bug?

Por GustavoV

Claber

136 de clabLevel



Genero:Masculino  

firefox

 

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