Comunidad de diseño web y desarrollo en internet online

FishEye

Citar            
MensajeEscrito el 03 Ene 2008 05:55 pm
Hola tengo unas pregunta con ese componente por si alguien lo ha utilizado.

1. Se le puede agregar un label cuando las imagenes tienen el mouse over?
2. Como se hace por ejemplo si selecciono una imagen que me lleve a otro componente por ejemplo: Estoy trabajando con un ViewStack y si seleccione la imagen que representa por ejemplo a productos que me lleve a productos.mxml

salu2 y gracias Felix Año para todos :lol:

Por josmurfe

6 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 03 Ene 2008 07:48 pm

josmurfe escribió:

1. Se le puede agregar un label cuando las imagenes tienen el mouse over?

Código :

<mx:Image x="57" y="110" width="186" height="185"
      toolTip="El titulo que quieras ponerle" source="ehhh.JPG"/>

toolTip="El titulo que quieras ponerle"

josmurfe escribió:

2. Como se hace por ejemplo si selecciono una imagen que me lleve a otro componente por ejemplo: Estoy trabajando con un ViewStack y si seleccione la imagen que representa por ejemplo a productos que me lleve a productos.mxml

Código :

<mx:Image x="10" y="10" width="186" height="185"
      toolTip="El titulo que quieras ponerle" source="ehhh.JPG"  mouseDown="{ viewstack1.selectedIndex = 2 }"/>
   
   <mx:ViewStack x="218" y="10" id="viewstack1" width="274" height="314">
      <mx:Canvas label="View 1" width="100%" height="100%">
      </mx:Canvas>
      <mx:Canvas label="View 1" width="100%" height="100%">
      </mx:Canvas>
      <mx:Canvas label="View 1" width="100%" height="100%">
         <!-- Aqui tu componente MXML -->
      </mx:Canvas>
   </mx:ViewStack>


josmurfe escribió:

Felix Año para todos :lol:

:roll:

^^ salu2

Por Zandy

Claber

1345 de clabLevel

5 tutoriales

Genero:Masculino   Premio_Secretos

firefox
Citar            
MensajeEscrito el 03 Ene 2008 07:52 pm
Gracias por la pronta respuesta yo conozco todas esas propiedades pero hablaba especificamente utilizando el componente fisheye (aca dejo un ejemplo del componente http://demo.quietlyscheming.com/fisheye/index.html)

Mi idea es aplicarle esos efectos del mouse over y el click a las imagenes que genera ese componente pero no se como hacerlo...

Gracias por la auida :)

Por josmurfe

6 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 03 Ene 2008 07:58 pm
Ahhh, jje, pense que era con los componentes normales.!// ^^

Por Zandy

Claber

1345 de clabLevel

5 tutoriales

Genero:Masculino   Premio_Secretos

firefox
Citar            
MensajeEscrito el 03 Ene 2008 09:23 pm
Seguramente voy a decir una obviedad, pero... ¿has probado a hacerlo tú mismo?

Si haces botón derecho > View Source tienes el código fuente, y capturar el rollover de la imagen y agregar un título, a priori, no debería darte muchos problemas, no?

Por llops

294 de clabLevel

1 tutorial

 

Barcelona

firefox
Citar            
MensajeEscrito el 03 Ene 2008 09:44 pm
si he leido el codigo fuente, si lo he aplicado a un sitio que estoy haciendo para un trabajo de la universidad, lo que pasa es que el codigo fuente es un tantito diferente a lo que estoy habituado a codificar. Antes de postear algo aca acabo con todos los medios que habitualmente uitlizamos todos (blogs, google, foros, amigos, etc) pero la verdad no he podido con este componente, lastimosamente no soy un experto en flex para hacerlo yo mismo un control parecido al fisheye.

Gracias por el aporte ;)

Por josmurfe

6 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 04 Ene 2008 08:37 am
Ok, pensé que al utilizar un componente tan avanzado trabajabas en Flex :D

Le he echado un vistazo por encima (viendo el código en el navegador), y si te fijas, en app.mxml, al final, hay el siguiente código:

Código :

<qs:itemRenderer>
   <Component>
      <qs:BitmapTile>
         <qs:states>
            <State name="selected">
               <SetStyle name="borderColor" value="#E27C0E" />
               <SetStyle name="borderAlpha" value="1" />
               <SetStyle name="borderWidth" value="3" />
            </State>
         </qs:states>                  
      </qs:BitmapTile>
   </Component>
</qs:itemRenderer>


Va iterando por la imágenes, y tiene un estado "selected" cuando clicas en una (fíjate que pone el borde en naranja). Aquí podrías añadir otro estado para el rollover, y luego crear un componente label, un tooltip o lo que te sea más útil. Lo del view stack es más complejo.

De todas maneras, si no has tocado nada de Flex sé que lo que te he dicho y nada es lo mismo :)

Como último consejo, y si aquí no consiguieras respuesta, podrías suscribirte a la lista de correo de MadeInFlex, que alguna vez se ha mencionado este componente. Quizá alguien tenga hecho algo similar a lo que necesitas.

Un saludo y suerte.

Por llops

294 de clabLevel

1 tutorial

 

Barcelona

firefox

 

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