I’ve written a simple calendar control to allow for selecting single days, weeks, months and so on. The simplicity comes from the fact that I don’t really do any drawing myself, opting instead to create a bunch of boxes and labels to act as date cells for the calendar.
When a date or a date range is selected, I need to highlight that range. It’s easily done by iterating through the cells and switching their style. [edit:] However, this seems to cause a delay during which the cells are first drawn as if the style name was blank, and then re-drawn with the correct style, despite the fact that I never explicitly set the style to null — I alternate between ‘CalendarCell’ and ‘CalendarCellSelected’.
If this were Windows Forms, I’d call SuspendLayout on the parent container to make sure the controls are repainted only after I’ve finished the updates. What I’m looking to know is whether or not a similar solution exists for Flex. I’d like to avoid drawing the entire calendar ‘manually’, so to speak, if that’s at all possible.
edit: changed the problem description to more accurately reflect what I’m seeing.
Is your calendar control a UIComponent? Is it using the standard invalidation methods like commitProperties(), updateDisplayList(), etc?
What you might want to do is keep a private array of the cells that will have their styles changed, but then do the actual style switching in your commitProperties() override. I’m just not sure if setStyle() fires an validateNow() because the flickering is a bit surprising.