The spirit sustains the stone

1. PC Varma January 30th, 2008
   11:54 UTC

   Hi
   This helps me a lot for my small widget. I have a one Question here, that “I would love to add a Movie clip instead of the Label, How can i do it?”

   I tried to create a MovieClip and exported it for ActionScript and instantiated separate one for each of the Row and added like the following
   s1 = new RatingDisplayRenderer();
   s1.x = 55;
   s1.y = 2;
   s1.visible = true;
   s1.gotoAndStop(6);
   addChild(s1);

   still i am not getting any thing on the Widget. I think i need to render it in the CustomImageCacheCell.as # override protected function drawLayout() mothod. How can i render a Movie clip?

   Thanks in Advance.
2. paddy January 30th, 2008
   12:15 UTC

   yup you’re basically right, here’s a example:

   http://www.darklump.co.uk/blog/wp-content/uploads/2008/01/TileList_caching_ratings.zip

   p;)
3. Claudio March 17th, 2008
   20:25 UTC

   Why?

   Errors 5001: The name of package ‘com.worldarchipelago.controls.listClasses’ does not reflect the location of this file. Please change the package definition’s name inside this file, or move the file.
4. paddy March 18th, 2008
   9:19 UTC

   Have you moved the location of the actionscript files relative to the fla? the files must be in a folder structure like this com\worldarchipelago\controls\listClasses… p;)
5. Claudio March 20th, 2008
   4:20 UTC

   I have the following trouble:

   a ) When the number of columns is 1, the scrollbar appears very close to the first image as in your example.
   b) When the number of columns is 2, appears only images on the first column and into the second the scrollbar
   c ) When the number of columns is 3, appears only image on the fisrt and the second column and the scrollbar on the third

   For 2 columns (c). How I leave the scrollbar closest images?
6. Claudio March 22nd, 2008
   11:37 UTC

   I resolved this problem by leaving columnCount default = 1 and increasing the width of the TileList
7. Claudio March 22nd, 2008
   11:41 UTC

   How do I get MouseOver change the color of the Label?
8. Rich Rodecker April 21st, 2008
   4:59 UTC

   Not sure if you’ve figured this out yet or not, but about the button within the cell renderer: CellRenderers are buttons themselves, and in the BaseButton class (CellRenderer’s super super class) mouseChildren is set to false. Just set it to true in your cell renderer and you’re good to go.
9. paddy April 23rd, 2008
   8:56 UTC

   Thanks Rich ;)
10. Jofunk April 24th, 2008
    7:49 UTC

    Hi,
    I’m not so good in AS3.
    Is your Example going to work in Flex 2 too ?
    I had some problems trying to implement it couse Flex coud not find the ICellRenderer and other stuff.
11. paddy April 24th, 2008
    8:01 UTC

    This wont work in Flex as Flex uses a different component framework to Flash. In Flex you need to use ItemRenderers. There are examples here:
    http://www.adobe.com/devnet/flex/quickstart/using_item_renderers/
    http://blog.flexexamples.com/tag/itemrenderer/

    hope it helps
12. gaurav May 7th, 2008
    16:31 UTC

    Thanks you! Thank you!! Thank you!!!

    I am new to flash and there was no documentation provided explaining how to add an existing symbol from your library to the cell.

    My app creates a list of media types with thumbnails. I needed an icon to be displayed at the right top corner of the cell to indicate what the media type is. I used the drawLayout method to add that icon.

    Thanks to you.

    Keep up the great work.
13. Bill June 5th, 2008
    2:48 UTC

    Old article, hopefully this comment finds some eyes since I think the documentation surrounding TileList renderers is woefully inadequate.

    I’m trying to show loading progress as an animation while the cell is loading – any help would be greatly appreciated.

    b
14. craig June 14th, 2008
    15:07 UTC

    When I click the tilelist items they don’t play in the player.

    Not sure why?

    cb
15. Anikendra September 11th, 2008
    5:11 UTC

    Hi,
    I came across your blog while looking for as3 tutorials. I am a newbie and I am facing a problem. I want a component which can be either a list or a tilelist and I want to show a name of a user on it. The catch is that I should have access to the userid of the user for each username and I don’t want to display it.
    When someone brings the mouse pointer over the username I should be able to show a button which he can click to send that user a notification. I need the id of the user for this purpose.
    Can you suggest how this can be accomplished.
16. paddy September 11th, 2008
    8:09 UTC

    I would suggest giving the list/tilelist a dataprovider. The items of the dataprovider contain both the username,userId. listen for a ListEvent.itemRollOver, then grab the index of the eventObject and use it to get the item out of the dataprovider… you can then get any associated data you care for. Hope that helps…
17. pMulc October 2nd, 2008
    15:16 UTC

    First I want to thank you for sharing your knowledge. I’ve never used components before and I would have never figured this out on my own.

    However I am still having some trouble getting the images to display the way I want. I am pulling in images of varying sizes and some of them get cut-off b/c they are larger than the row. If an image is too large I want to be able to re-size it to fit in the row dimensions.

    I tried playing with loader.setSize() but it doesn’t seem to affect the image sizes at all. I also tried to adjust the imagePadding property in the CustomeImageCell class and in my .fla, but both attempts did not have any affect. I used this syntax in the CustomeImageCell class but I think it may be wrong: setStyle(“imagePadding”, 5);

    Any help would be greatly appreciated!
18. paddy October 3rd, 2008
    13:34 UTC

    hi pMulc, you will need to mess around with loader.setSize(w,h); but also set loader.scaleContent = true; as opposed to false… hope that helps… paddy ;)
19. DONKAY November 25th, 2008
    15:43 UTC

    How can i have this component laid out horizontally rather than vertically as is in this tutorial?
20. paddy November 25th, 2008
    15:51 UTC

    try something like:

    myTileList.direction = ScrollBarDirection.HORIZONTAL;

    I can’t guarentee the caching will work horizontally though?
21. Pruthviraj December 8th, 2008
    11:46 UTC

    Hi, i have doubt… how can i reduce the image height and width (not TileList component) inside the tileList…
22. scruffito December 8th, 2008
    23:28 UTC

    I’m using tileList in a nested movieClip. Everything works fine, but text labels won’t display, formatted or not. Does anyone know how to overcome this?
23. Eren December 9th, 2008
    4:33 UTC

    hi, i had created my own cellrenderer for a titlelist, but i have problem with it. cellrenderer is a MC that included with buttons. The problem is i can perform no mouse event at the bottom and upper side of columns left and right ones working fine is this about title areas? how can i eliminate those areas?
24. Balu December 16th, 2008
    16:04 UTC

    Hi paddy, thank you so much for sharing!
    Exactly what i was trying to do for days now, with no results..

    still one Question:
    I’m loading images with differnet dimensions into the dataProvider. Now i want, that only those who are “larger” than my defined cellsize are scaled, the smaller ones should not be scaled(enlarged)…
    playing around with
    if (image.width > cell.width){
    loader.scaleContent = true;
    }
    can anyone please help me to get the exact term for the condition
    thanks
25. A Lui April 17th, 2009
    12:52 UTC

    Great reference, thank you!
26. Angela July 15th, 2009
    21:10 UTC

    Thanks for the tutorial. It’s really helpful. I’m trying to change it so that I can assign to each xml data item a unique swf that will be called into a loader upon click. Can you help me out?
27. MickyMike October 30th, 2009
    20:15 UTC

    Man, you helped me a lot!

    Many thanks!
28. prati February 25th, 2010
    7:59 UTC

    Hi, i am new to flex. designing some examples to learn more. i want to have an image and upload button. after i click the button a tilelist with images should appear. after clicking on a particular image it should appear in image
    please if u can help
29. Martin July 14th, 2010
    8:52 UTC

    I have a button in a DataGrid cell, mostly from flashscript.biz. And thanks to the pointer here about the mouseChildren it will respond to the mouse. But I cannot see how to trap the mouse events.
    What I want to do is disable the mouse event in the rows of the DataGrid, except for the embedded button. Any thoughts?

    Your Dark Lump reminded me of the stone balls of Costa Rica and the balls found here in the NE of Scotland
30. SpaceCase November 11th, 2011
    21:55 UTC

    I’ve been over this issue back and forth, and have come up with a relatively cheap/easy way to swallow unwanted events in your custom ImageCell class. (To avoid collisions where you’re listening for one event on the TileList but get several re-dispatches of the same event, for example)

    You can decide which events to pass on in the Event flow and which to block, like so:

    Let’s say we want to accept certain MouseEvents from a button but block MouseEvents from the ImageCell instance itself:

    (in ImageCell extension class:)

    //in constructor. These will catch MouseEvents from the ImageCell itself and it’s children.

    addEventListener(MouseEvent.MOUSE_DOWN, swallowCertainMouseEvents);
    addEventListener(MouseEvent.CLICK, swallowCertainMouseEvents);

    //as private method, where desiredTarget is the button instance

    private function swallowCertainMouseEvents(e:MouseEvent):void{
    if(e.target != desiredTarget){
    e.preventDefault();
    e.stopPropagation();
    }
    }

    I know this is a late reply, but I hope it helps someone along the way!
31. SpaceCase November 11th, 2011
    22:18 UTC

    One caveat when using this approach – because the ImageCell’s own MouseEvents are being blocked, you’ll have to manually update the TileList’s selectedItem property.

    This can be done like so:
    (again, from within the Image Cell extension)

    private function swallowCertainMouseEvents(e:MouseEvent):void{
    if(e.target != desiredTarget){
    e.preventDefault();
    e.stopPropagation();
    } else {
    (parent.parent.parent as TileList).selectedItem = this.data;
    }
    }

    It’s not an ideal solution, but was useful for my purposes. :)

Powered by Hemingway 2.5 flavored Wordpress.

Entries RSS Comments RSS