This is a short post, in which I show how to set a common background for your Flex Mobile Application.
In Flex 3, there was a backgroundImage style property, but in Flex 4 things have drastically changed. Often times, this means you need to re-skin things in order to achieve your goals.
As Flex 4 (and in this case particularly Hero [v4.5]) works its way into the public, we continue to see components that aren’t there yet. Sometimes they do exist, but haven’t been optimized for mobile (this also has some ambiguity as to what that fully entails).
In the interim, we have to fend for ourselves and build custom components… Well, that’s not always all that fun, but also not always that bad!
I’ve done the dirty work, and created a MobileNumericStepper, as well as a MobileLabelStepper as a parent to it.
While there’s plenty of information about skinning your Flex 4 component, I haven’t found a whole bunch of information on how to get them to talk together. In most situations I would consider this bad practice, however there is often a need for identifying properties set on your component from your skin in order to display certain aspects properly.