Hi Steven,

Thanks for the reply. The effect is really nice and I have banged my head to see how you guys did it. Is it posible to do with the TileList controll? or just using the repeater with a tile container?


Omar Ramos
System Developer

On 10/2/05, Steven Webster <[EMAIL PROTECTED]> wrote:
Omar,

We had to implement our own container to achieve this effect; the container
intelligently adapts the presentation of the children depending on the space
available to the children, as well as managing the move effects for children
as you described.

Alistair (McLeod) was largely responsible for the implementation that you
see on CaledonBank; we've used a similar implementation on subsequent
projects.

I'll heads up Ali to see if he can't post a little more detail about how the
effect was achieved, and who knows, perhaps we can even have a discussion
about now making some of the code available...

Best wishes,

Steven


-----Original Message-----
From: flexcoders@yahoogroups.com [mailto: flexcoders@yahoogroups.com] On
Behalf Of Manish Jethani
Sent: 02 October 2005 21:32
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] Tile List Effect.

On 10/1/05, Omar Ramos <[EMAIL PROTECTED]> wrote:

> Does anyone knows how was the effect of the
http://www.caledonbank.com/accountFinder.html sort effect was made?

Like this?

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">

  <mx:Tile id="tile" width="200" height="200" backgroundColor="red">
    <mx:Repeater id="r" dataProvider="{['4', '2', '6', '1', '7', '3',
'5']}">
      <mx:Button label="{r.currentItem}" moveEffect="Move"
        borderThickness="0" />
    </mx:Repeater>
  </mx:Tile>

  <mx:Button label="Rearrange Buttons" click="rearrangeButtons()" />

  <mx:Script>
    <![CDATA[
    import mx.controls.Button;

    public function rearrangeButtons():Void
    {
      for (var i:Number = 0; i < tile.numChildren; i++)
        tile.setChildIndex(tile.getChildAt(i),
          Number(Button(tile.getChildAt(i)).label));

      tile.invalidateLayout();
    }
    ]]>
  </mx:Script>
</mx:Application>


SPONSORED LINKS
Web site design development Computer software development Software design and development
Macromedia flex Software development best practice


YAHOO! GROUPS LINKS






--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com




YAHOO! GROUPS LINKS




Reply via email to