Coverflow Flex

Bueno el otro dia navegando por la red y entrando en muchos foros encontre esta pagina

Me gusto mucho y encontre que en la misma pagina daban el codigo fuente, me alegre ya que dije, voy a ver como esta realizado.

Claro que Flex no lo habia tocado mucho, ya que por tiempo o a veces por ganas, esta vez me decidi a verlo, me lo baje y me instale la Demo de Flex.

Abri el documento mxml, me fije que no había incluido los .as, asi que lo añadi y puse los <mx:

quedando asi

Código :

<?xml version="1.0" encoding="utf-8"?>
<!--
Copyright (c) 2006 Adobe Systems Incorporated

Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="100%" width="100%">
      <mx:Script source="DisplayShelf.as" />
   <mx:Script source="TiltingPane.as" />
   
   <mx:Binding source="sel.value" destination="shelf.selectedIndex" />
   <mx:Binding destination="sel.value" source="shelf.selectedIndex" />
   
   <mx:Binding source="angle.value" destination="shelf.angle" />
   <mx:Binding source="pop.value" destination="shelf.popout" />

   <mx:Array id="dataSet">
      <mx:String>img/photos400/photo01.jpg</mx:String>      
      <mx:String>img/photos400/photo02.jpg</mx:String>         
      <mx:String>img/photos400/photo03.jpg</mx:String>         
      <mx:String>img/photos400/photo04.jpg</mx:String>         
      <mx:String>img/photos400/photo05.jpg</mx:String>         
      <mx:String>img/photos400/photo06.jpg</mx:String>         
      <mx:String>img/photos400/photo07.jpg</mx:String>         
      <mx:String>img/photos400/photo08.jpg</mx:String>         
      <mx:String>img/photos400/photo09.jpg</mx:String>         
      <mx:String>img/photos400/photo10.jpg</mx:String>         
      <mx:String>img/photos400/photo11.jpg</mx:String>         
      <mx:String>img/photos400/photo12.jpg</mx:String>         
      <mx:String>img/photos400/photo13.jpg</mx:String>         
      <mx:String>img/photos400/photo14.jpg</mx:String>         
      <mx:String>img/photos400/photo15.jpg</mx:String>         
      <mx:String>img/photos400/photo16.jpg</mx:String>         
      <mx:String>img/photos400/photo17.jpg</mx:String>         
      <mx:String>img/photos400/photo18.jpg</mx:String>         
      <mx:String>img/photos400/photo19.jpg</mx:String>               
   </mx:Array>

   
   <mx:local:DisplayShelf id="shelf"  horizontalCenter="0" verticalCenter="0" borderThickness="10" borderColor="#FFFFFF" dataProvider="{dataSet}"  enableHistory="false" width="100%" />


   

   <mx:VBox horizontalAlign="center" verticalAlign="middle"  x="532" y="24">       

      <mx:HBox>
         <mx:Label text="Angle:" />
         <mx:HSlider liveDragging="true" id="angle" minimum="5" value="35" maximum="90" snapInterval=".1" width="400" />
      </mx:HBox>

      <mx:HBox>
         <mx:Label text="Selection:" />
         <mx:HSlider liveDragging="true" id="sel" minimum="0" value="0" maximum="{shelf.dataProvider.length}" snapInterval="1" width="400" />
      </mx:HBox>

      <mx:HBox>
         <mx:Label text="pop:" />
         <mx:HSlider liveDragging="true" id="pop" minimum="0" value=".43" maximum="1" snapInterval=".01" width="400" />
      </mx:HBox>

   </mx:VBox>
</mx:Application>

Pero no me lo ejecuta bien, soy novatillo en este mundo de Flex, asi que si podeis echarle un vistazo y decirme donde me he equivocado os lo agradecería.

Os pongo también este link que es parecido pero que no va relacionado...

Al archivo mxml original no necesitas editarle nada, funciona perfectamente. Fíjate que el archivo DisplayShelf.as es un componente que lo colocas asi: <local:DisplayShelf .... />

Ok, lo probare.

EL que me extrañaba que te dieran el ejemplo mal.....

tengo unas imagenes y quiero utilizar los mismos recursos del Flex Display Shelf, pero recien estoy bajandome el SDK del flex alguien podria darme una mano, como hago eso de..

el archivo DisplayShelf.as es un componente que lo colocas asi: <local:DisplayShelf .... />

Yo estoy tratando de usar ese componente, pero trayendo las imagenes desde una base de datos.
Pero tengo un problema al asignar el datasource con mi XML...

Alguien podria ayudarme ?

Lo que intento hacer es lo siguiente:

Código :

[Bindable] private var arrAgencias:ArrayCollection;

arrAgencias = cnxConexion.lastResult.NewDataSet.vTable as ArrayCollection;
//guardo en arrAgencias lo que me devuelve mi XML
arrAgencias.toArray;

luego, en el DisplayShelf hago:

Código :

<local:DisplayShelf id="shelf"  dataProvider="{arrAgencias}" 

Pero no funciona...
Alguien ha tratado de hacer esto?

a alguien le pudo funcionar el ejemplo? les ha corrido aunque sea con las mismas imagenes o reemplazandolas con otras.. porque quedo pendiente el desafio pal foro

dénnos una mano please!

alguien podria postear un ejemplo donde pueda funcionar el ejemplo? porfavor.. o alguno otro similar,
que paginas de recursos recomiendan para ir probando el lenguaje..

hola que tal señores!! bueno construi mi propio componente lo pueden ver en www.asb-labs.com carga las imagenes en tiempo real y bueno el efecto es bastante similar al verdadero coverflow

saludos!!

donde esta el ejemplo q mencionas' pq no aparece y no podrias darle una mirada el codigo que postee

(si me lo comentas a mi) construi mi componente y creo que deberían escribirlo también, se aprenden muchas cosas cuando uno se concentra en un componente complicado...

saludos!!!

gracxias

primero que nada no se programar, pero ando en eso (en el intento) haber si alguien me da la mano con un componente para reproducir swf no flv, que tenga botones play pause y con un seek bar (barra de reproduccion) gracias de antemano.
PD sin publicidad como el de camta.... o el de captiv....

lugueman escribió:

lugueman, ya perdí la cuenta de la cantidad de veces que he visto esta misma pregunta en diferentes hilos y en diferentes posts (Flash, ActionScript, aquí...). Entiendo que quieras encontrar una respuesta, como todos, pero cuando tengas una pregunta es mejor que primero uses el cuadro de búsqueda (arriba a la derecha) y si no la encuentras entonces vas al foro que corresponda y creas un nuevo hilo. ¿Así cómo vas a saber si alguien contesta tu pregunta? Y si alguien lo hace va a volverse loco pensando que todo el mundo pregunta lo mismo.
Personalmente no sé si exista lo que buscas, yo te diría que lo construyas tú mismo en vez de esperar a que alguien lo encuentre, por si acaso.
Te recomiendo que antes de postear otra vez leas esto

el ejemplo funciona perfecto, revisa los link a las clases y las imagenes, lo que me gustaria saber es como podrian cargarse videos en lugar de imagenes. alguien sabira como hacerlo.