[flexcoders] Problems with TileList and Moving Items

[flex.helleman]

I'm after a specific effect where the items in the TileList when 
clicked, slide over to the right hand side, where they end up 
stacked on top of each other.  The issue that I'm having is that 
they actual TileList doesn't get its size adjusted so the scroll 
bars don't adjust correctly and the size of the TileList is all 
wrong.

Here is the Sample:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; 
layout="absolute">
        
        <mx:Script>
                <![CDATA[
                import mx.effects.Move;
                import mx.events.EffectEvent;
                        
                private function moveThemBoxes():void
                {                             
                    var move:Move;
                    var n:int = tileList.dataProvider.length;
                    var row:int = -1;
                    var yTo:Number;
                    // for each object 
                    for(var i:int = 0; i < n; i++)
                    {
                        var item:Object = Object
(tileList.itemToItemRenderer(tileList.dataProvider[i]));        
                        
                        if(item != null && item.visible) 
                        {
                            row++;                          
                            yTo = row * (50);
                            // for each visible item we need to 
slide it to it's new position 
                            move = new Move(item);
                            move.duration = 1000;       
        
                            // position the box to the right side    
                            move.xTo = box.width -  100;
                            // stack the boxes on each other based 
on the y position
                            move.yTo = yTo;             
                            // move them boxes
                            move.play();                
                        }                                       
                    }                                   
                }
                ]]>
        </mx:Script>
        
        <mx:Canvas id="box" x="0" y="0" width="300" height="300">
                <mx:TileList 
                id="tileList"                           
                width="100%"
                height="100%"
                itemClick="moveThemBoxes()"
                rowHeight="50" columnWidth="50">     
                <mx:dataProvider>
                        <mx:Array>
                        <mx:Object label="Nokia 6630"/>
                        <mx:Object label="Nokia 6680"/>
                        <mx:Object label="Nokia 7610"/>
                        <mx:Object label="Nokia LGV"/>
                        <mx:Object label="Nokia LMV"/>
                        <mx:Object label="Nokia 6680"/>
                        <mx:Object label="Nokia 7610"/>
                        <mx:Object label="Nokia LGV"/>
                        <mx:Object label="Nokia LMV"/>  
                        <mx:Object label="Nokia 6630"/>
                        <mx:Object label="Nokia 6680"/>
                        <mx:Object label="Nokia 7610"/>
                        <mx:Object label="Nokia LGV"/>
                        <mx:Object label="Nokia LMV"/>
                        <mx:Object label="Nokia 6680"/>
                        <mx:Object label="Nokia 7610"/>
                        <mx:Object label="Nokia LGV"/>
                        <mx:Object label="Nokia LMV"/>  
                        <mx:Object label="Nokia 6630"/>
                        <mx:Object label="Nokia 6680"/>
                        <mx:Object label="Nokia 7610"/>
                        <mx:Object label="Nokia LGV"/>
                        <mx:Object label="Nokia LMV"/>
                        <mx:Object label="Nokia 6680"/>
                        <mx:Object label="Nokia 7610"/>
                        <mx:Object label="Nokia LGV"/>
                        <mx:Object label="Nokia LMV"/>  
                        <mx:Object label="Nokia 6630"/>
                        <mx:Object label="Nokia 6680"/>
                        <mx:Object label="Nokia 7610"/>
                        <mx:Object label="Nokia LGV"/>
                        <mx:Object label="Nokia LMV"/>
                        <mx:Object label="Nokia 6680"/>
                        <mx:Object label="Nokia 7610"/>
                        <mx:Object label="Nokia LGV"/>
                        <mx:Object label="Nokia LMV"/>
                     </mx:Array>
                </mx:dataProvider>
              </mx:TileList>
        </mx:Canvas>
</mx:Application>







--
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

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/flexcoders/

<*> To unsubscribe from this group, send an email to:
    [EMAIL PROTECTED]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/