Introduction to Flex tutorial (part 2)

February 09th 2009 Posted to Flex, Tutorials, Video
I just uploaded the second tutorial in the introduction to Flex series. This time I show you how to create a custom Flex component and use it as an item renderer for the list component so that it displays the user’s profile image next to the Twitter message. I decided to add this tutorial in the series before we get to styling and skinning as the item renderer concept is a very important one to learn when developing with Flex.

Lee

25 Comments

Comments

  1. marcus
    February 9th, 2009 | 10:40 pm

    great tutorial. there will definitely come a point where someone may need to access the data in s specific item. here’s how to do it: http://www.brentlamborn.com/post/Flex-3-Looping-over-itemRenderers-in-a-List.aspx

  2. thivy
    February 10th, 2009 | 12:07 am

    hey thanks for the new tuts on flex..
    i thought this adobe site might be helpful for learning flex in addition to your tuts.

    http://www.adobe.com/devnet/flex/videotraining/

  3. alekkus
    February 10th, 2009 | 12:31 am

    nice! this tutorial demonstrated that so much can be achieved with just a small amount of codes.

  4. dominic
    February 10th, 2009 | 1:41 am

    nice one =)
    It’s good to see some Flex tutorials around here.

  5. Clemente G
    February 10th, 2009 | 1:48 am

    Nice tut Lee, can’t wait for the Skinning tut.

    Has anyone checked out http://www.adobe.com/devnet/flex/videotraining/

  6. kapteijndesign
    February 10th, 2009 | 2:19 am

    Great tut, thnx for the info.

    But why you don’t place it on theflexblog.com. I saw that site when i was reading an article on the insideria.com.

  7. Rama
    February 10th, 2009 | 3:37 am

    was waiting for, just working on the 1st part’s files
    thx lee :)

  8. wrobel221
    February 10th, 2009 | 5:28 am

    Congratulations on your 100th tutorial :) The best tutorials on the Web!
    This tutorial is also great as usual!

  9. JamesG
    February 10th, 2009 | 2:59 pm

    I have a question, why did you do “data.link[1].href” instead of “data.link.getItemAt(1).href” (because Flex says this is the right way).

  10. Nik
    February 10th, 2009 | 6:25 pm

    Thanks Lee!
    Helpful tutorial on itemRenderers and use of the debugger.
    Looking forward to Part 3…

  11. Nabeel
    February 11th, 2009 | 5:46 am

    Hay Lee
    Good One man you just hit the point
    I am so curious for the next tutorial

  12. Mark
    February 11th, 2009 | 6:00 am

    Good work Lee, looking forward to the next one! Will you be using Degrafa? It’d be cool to see a tutorial on this!

    Cheers,

    Mark

  13. DracoPL
    February 12th, 2009 | 6:41 am

    Hey,
    i like your tutorials. Can’t wait next part :)

  14. Abel Hernandez
    February 12th, 2009 | 10:45 am

    Hi, Lee,
    I just write a few words, to say you that this month they talk about your blog and about GTAL, in a french magazine, “WEB DESIGN”, it’s cool

  15. Tom
    February 15th, 2009 | 4:00 am

    How to access data in custom AS-driven itemrenderer?

  16. Dan
    February 16th, 2009 | 11:08 am

    Excellent blog, I reference it daily. May I provide a link to your blog from mine?

  17. Hassan
    February 17th, 2009 | 7:44 am

    Lee, what is your recommended book to learn flex?

  18. Shaun Hinchy
    February 17th, 2009 | 8:53 am

    Brilliant tutorial, I’m slowly moving my way over to Flex from working with Flash since Flash4. I’ll still use Flash for a great many things, but it’s nice to know Flex is there for those moments when you really need it.

    Maybe in the future you could do a few tutorials on Flash Catalyst.

  19. Bookmark::090213 « Kuu2’s Blog
    February 17th, 2009 | 8:31 pm

    [...] Introduction to Flex tutorial (part 2) [...]

  20. Gadgetdude
    February 21st, 2009 | 6:55 am

    Is theflexblog.com still active btw?

  21. Daniel Pape
    February 23rd, 2009 | 8:55 am

    I am loving the Flex tutorials! I have been holding off learning Flex because learning 3 different languages at once while in school is a bit nerve racking. It wasnt until you did the Intro to Flex 1 & 2 did I finally decide to dust off my installation of Flex.

    Looking forward to part 3!

    Thanks

  22. Christian
    March 4th, 2009 | 5:49 am

    Lee, great Flex tutorials! As always thank you very much.

  23. Christian
    March 4th, 2009 | 6:08 am

    @thivy: thank you for the link! very usefull.

  24. A Developer On A Few Platforms (C#, JAVA, ASP.NET, C++, ACTION SCRIPT))
    March 16th, 2009 | 7:16 am

    My first Flex Application with FlashDevelop IDE following Lee Brimelow’s example…

    …

  25. Fortbildung: Flex 3 - Sebastians Blog
    April 18th, 2009 | 1:45 pm

    [...] Teil 2: Eigene Komponenten [...]

Leave a reply