Yes, Alex's post is great. The code (omitting some Mate event listeners and click handlers for conciseness) for the ItemRenderer follws; again, nothing spectacular:
<?xml version = "1.0" encoding = "utf-8"?> <mx:Canvas xmlns:mx = "http://www.adobe.com/2006/mxml"; xmlns:mate = "http://mate.asfusion.com/"; width = "78" height = "87"> <mx:Script> <![CDATA[ import com.clickety.fe.events.NavigationEvent; import com.clickety.fe.events.SimpleClickEvent; [Bindable] public var queryStr:String = new String(); override public function set data(value:Object):void { if(value != null) { super.data = value; } } private function selectViewState():void { //click handler } ]]> </mx:Script> <!-- Listeners and Dispatchers _____________________________________________________________ --> // a few here - not relevant <mate:Dispatcher/> <mate:Dispatcher/> <mx:Canvas xmlns:mx = "http://www.adobe.com/2006/mxml"; xmlns:mate = "http://mate.asfusion.com/"; width = "68" height = "77" horizontalScrollPolicy = "off" verticalScrollPolicy = "off" cornerRadius = "12" borderStyle = "solid" borderThickness = "1" left = "5" top = "5" click = "selectViewState();" backgroundImage = "@Embed(source='../../../../../assets/images/tilebg.png')"> <!--********************************************************************************************--> <!-- NOTE: I moved the click event listener from the image to the GradientCanvas 7-2-09 : Jeff --> <!--********************************************************************************************--> <!-- GUI_____________________________________________________________ --> <mx:Box width = "60" height = "41" verticalAlign = "middle" backgroundAlpha = "0.0" x = "3" y = "4" horizontalAlign = "center"> <mx:Image id = "img" source = "{data.logoUrl}" toolTip = "{data.name}" maxHeight = "32" maxWidth = "32" y = "9" horizontalCenter = "0"/> </mx:Box> <mx:TextArea text = "{data.name}" borderStyle = "none" alpha = "1.0" styleName = "title" wordWrap = "true" textAlign = "center" backgroundAlpha = "0.0" fontSize = "9" editable = "false" selectable = "false" fontWeight = "bold" horizontalCenter = "0" width = "66" height = "32" y = "45"/> </mx:Canvas> </mx:Canvas> --- In [email protected], "valdhor" <valdhorli...@...> wrote: > > This problem is generally to do with the fact that item renderers are re-used. > > Have you checked out the item renderer stuff on Alex Harui's blog? > (http://blogs.adobe.com/aharui/2007/03/thinking_about_item_renderers_1.html) > > If you post your item renderer code, perhaps we can point you in the right > direction. > > > --- In [email protected], "grenma" <grenma@> wrote: > > > > I have a TileList with a custom ItemRenderer that misbehaves when it > > scrolls: one tile (the last tile rendered when viewed initially) stays > > fixed in place as a "ghost" image (it is not clickable like the other > > tiles) and sits over the other scrolled items. The spot the ghost tile > > should be in is vacant until it scrolls off the screen and then scrolls > > back into view. If you scroll up just one row then back down again the > > TileList works properly (weird, I know). > > The Tilelist is added as the child of a Canvas on a state change and has a > > custom Itemrenderer with an image, text fields and a background image. The > > code is very simple: > > > > <mx:TileList direction = "horizontal" width = "166" height = "345" > > columnCount = "2" dataProvider = "{favoritesList}" itemRenderer = > > "com.clickety.fe.gui.renderers.Thumbnail" backgroundAlpha = "0.0" > > borderStyle = "none"/> > > > > Any help is appreciated and will help save my hair and sanity. > > >
