Android UI Components for Flex 4.5

Back during the public beta of Flash Builder and Flex 4.5, I realized I was going to need some Android UI components. I wanted the ability to have a stock Android look and feel.  So I went about building my own, and with the release of Flex 4.5 SDK, I’ve gone back and updated them a bit.  Big disclaimer: I built them for my needs, so I didn’t handle every possibility but I think they are decently robust, and hopefully it will save others some time.  I went ahead and put the component library up on github, along with a sample project using them.  Free free to use them, modify them, etc.   If you find them useful, maybe just send a friendly link my way back to this post.. or leave a comment.  Also, definitely leave comments for me here if you have suggestions or come across a huge bug I may have missed.

Screenshots:

Github link:  https://github.com/olsonjj/Flex-4.5-Android-Component-Library

21 thoughts on “Android UI Components for Flex 4.5

  1. Jonathan Kaye

    Many thanks for the Alert component (among others). I was so surprised to see it was not part of the FB 4.5 release, though obviously one clue was that it was not in the betas. This is going to help me a lot!

    I see that your components rely on the FlexOOPUtilities.swc. Are you just using that for Date methods, or something else as well?

    • John Post author

      @Jonathan,

      Glad the components will help. With Adobe supporting dev on Android, iOS, and Playbook, I can understand them not building UI components, but at the same time, it would have been nice too. I hope to build some iOS components soon as well and get those posted up.

      re: FlexOOPUtilities – Using that SWC for the various Date methods. Source was from here: http://code.google.com/p/flexdateutils/ I was going to write my own, but figured it was easier.

  2. Pingback:hi-posi » Blog Archive » AIR for Android???????

  3. Benji Smith

    Let me know if you start working on components for iOS. I’m doing essentially the same thing, reimplementing some of the iOS components in AS3 (as pixel-perfect as I can manage).

    Just like you, I’m only implementing them for my own needs, so I’m not implementing the full API. But if someone wants to work together, I think it’d be a worthy project, and I’d be happy to contribute some of the code I’ve already written.

  4. Jonathan Kaye

    John — Many thanks again for sharing the set. As a Flex newbie (but experienced Flash developer), your components are great for me to get a real-world perspective on SkinnableContainer.

    One thing seems to not be working correctly — I use the Options Menu in my app, which I have forced to landscape mode. When I open the window [ menu.open(this, true) ], it is too big vertically — the top and bottom get cut off. I suspect it has to do with the setting of the default size of the skin in an un-id’d Group within Content Group (height is set to 580, whereas my landscape height is 480), but I don’t know enough to override that, if it’s possible to fix using the SWC version of your components.

    Do you have a suggestion to fix this?

    • John Post author

      Jonathan, Yeah.. I didn’t design the components for switching orientations, however, it should be pretty easy to set constraints. I just haven’t had any time to go back and tweak these.

  5. aaron

    How does one set the labelField for the OptionsMenu? I have an arrayCollection passed to it but I need to set a certain property as the labelField for the list.
    menu.labelField doesn’t help 🙁

  6. Pingback:Android????????????????????????? - swf.com.tw | swf.com.tw

  7. Pingback:Open source Camera IR shutter and time-lapse controller for Android smartphones « « Protag Multimedia Protag Multimedia

  8. Charles

    As a newbie to Flash Builder and Flex, your example is one of the best study case for mobile development. Thank you very much for publishing your code.

    I have a question as well. I am having trouble attempting to convert the options menu to allow multiple selections. Could you provide me a quick brain dump on how you would do it? I’ve been struggling with it for a while and still running into problems.

    Thanks a lot.

  9. Darkriderdesign

    How would one incorporate this into a Flash Project. I’ve included .swc, and external libs before, but not exactly sure how the mxml files work?

    Thanks in advance

  10. teknoloji

    At this time it appears like Drupal is the best blogging platform out there right
    now. (from what I’ve read) Is that what you’re using on your blog?

Comments are closed.