RE: [flexcoders] UI Advise

[Andrew Trice]

Hi Tim, I just posted a blog article on this topic this morning.  It is definitely possible to capture the BitmapData of a hidden object within an Image object.  It has examples how to do this.  You can check it out at:   http://www.cynergysystems.com/blogs/page/andrewtrice?entry=flex_2_bitmapdata_tricks_and   I would use a viewstack to contain 1) the thumbnail and 2) the component.  Perform a “mx:Resize” effect on the viewstack, then swap the thumb and component on the EFFET_END event (just toggle the visible child of the viewstack).  If you bind the image to the constraints of the parent container (using “top”, “left”, “right”, “bottom”), then I think that the image *should* scale with the viewstack.  You will definitely need to experiment with the mouse events/interaction on this… it is highly probable that the usability could get quirky behavior that you’ll need to fine tune.   Hope that helps!   -Andy     _____________________________________ Andrew Trice Cynergy Systems, Inc. http://www.cynergysystems.com   Blog: http://www.cynergysystems.com/blogs/page/andrewtrice Email: [EMAIL PROTECTED] Office: 866-CYNERGY    From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf Of Tim Hoff Sent: Friday, September 22, 2006 4:50 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] UI Advise   Hi all, Perhaps some of you gurus can help me determine the best approach for a UI that I'm thinking about. The use case will have a popup that displays detail information that is related to summary records in a DataGrid. When the user makes a grid selection, a popup will display. The popup will contain several UI components (thumbnails of panels) that each display different detail information. For instance, if the grid contained Authors, the popup might contain: Biopragraphy, Recent Books, Blog Postings, Articles, etc.. Some of the components will contain static text, while others will contain lists (DataGrids) or images. Now for the fun part. When the user clicks on (or MouseOver) the thumbnail, the component will expand (zoom with effect) to the full size of the popup and cover the other thumbnails. When the user clicks again (or MouseOut) the popup will return to the initial thumbnail state (using Cairngorm). My thoughts are to capture BitmapData of the individual panel components and display them as the thumbnails in the initial popup state. When the user clicks a thumbnail, change state with zoom effect and replace the image with the actual component. If this is possible, does anyone have any ideas how I might go about accomplishing this idea? In other words, is it possible to capture the BitmapData of a component without displaying the component; just the image? Also, when the thumbnail zoom completes, how might I swap the image with the actual component? I'm pretty sure that there is something similar to an EFFECT_END event that I could use to change state a second time. But, I'm interested to hear different perspectives. Since Flex will soon be competing with Windows Vista and WPF, I'm trying to develop innovative UI's that will rival the competition. I would appreciate any ideas anyone might have for this scenario. Or, if someone has done something similar, I would love to see the code. Thank you very much in advance, Tim Hoff __._,_.___ -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com SPONSORED LINKS Software development tool Software development Software development services Home design software Software development company Your email settings: Individual Email|Traditional Change settings via the Web (Yahoo! ID required) Change settings via email: Switch delivery to Daily Digest | Switch to Fully Featured Visit Your Group | Yahoo! Groups Terms of Use | Unsubscribe __,_._,___