RE: [flexcoders] Re: Trying to build slideshow functionality with wipe effects.
Another approach might be to use the ViewStack approach, but only buffer a few images at a time. Incidentally, Tink has a component called Parallel Stack Effects which helps with viewstack effects. Also TileList has the itemsChangeEffect property which lets you add effects when items move. I have done this by masking all but part of the top row of the TileList, and then removing items from the first position and adding a new one to the end. Tracy Spratt, Lariat Services, development services available _ From: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On Behalf Of Steve Mathews Sent: Monday, August 03, 2009 11:58 AM To: flexcoders@yahoogroups.com Subject: Re: [flexcoders] Re: Trying to build slideshow functionality with wipe effects. Most of the time when I do any page transitions I take a bitmap of the current page and display that over everything. Then swap the content below this. Finally applying the effect to the bitmap. If you need the 'next' page to do the effect (like a slide in effect) then you take two bitmaps. Using bitmaps this way isn't always the simplest, but it can help with performance of the effect. Steve On Mon, Aug 3, 2009 at 8:41 AM, Todd tpreka...@gmail. mailto:tpreka...@gmail.com com wrote: Yes, I've seen that. Not useful to me. There's not wiple/slide in transition. All that sample is doing is loading a selected image from the list into the main viewing component, and adding a little Fade effect to it. I need something that will actually bring the Image in from the right or left, which will involve being able to actually MOVE components somehow. --- In flexcod...@yahoogro mailto:flexcoders@yahoogroups.com ups.com, Jason B nos...@... wrote: Have you seen this example slideshow by Adobe? http://examples. http://examples.adobe.com/flex2/inproduct/sdk/photoviewer/PhotoViewer.html adobe.com/flex2/inproduct/sdk/photoviewer/PhotoViewer.html --- In flexcod...@yahoogro mailto:flexcoders@yahoogroups.com ups.com, Todd tprekaski@ wrote: Hello All, I've built a slideshow feature in our application. One of the requirements was that the images transition to the next with a nice wipe/slide effect. I built up two solutions, both with drawbacks: 1) Used a view stack, added a repeater that added a VBox and Image for each photo to display. I was able to get the appropriate slide/scrolling effect to work by attaching show and hide effects on a VBox that contained the image. This worked really well when there was 10 imgeas. However, when I loaded 200 images...ouch memory management nightmare up to 1 gig of memory being used before crashing. Next solution, I tried something simpler: 2) Used a HorizontalList component and built some code to scroll through all the images. This worked much better from a memory management perspective, however, I've LOST the ability to have the transitions of sliding from one image to the next. My questions: 1) Has anyone seen any code that uses the List (HorizontalList) components for sliding/moving images into the main view area? How do you get the effects to work with moving the itemRenderers around (this doesn't seem possible?) 2) Anyone tried writing a component where there's a main view area, and an area to the left and right where you buffer images off screen for the sake of wiping/sliding them in? Then when you move to the next image, the main image slides left, the left (off-screen image container) is then moved to the right, and he the right image slides into the middle. This is a sort of recycling of components. Seems like a lot of work and would be prone to bugs. I'm open for any other ideas on making a slideshow with these sliding/scrolling transitions. Thanks for any suggestions. -- Flexcoders Mailing List FAQ: http://groups. http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Alternative FAQ location: https://share. https://share.acrobat.com/adc/document.do?docid=942dbdc8-e469-446f-b4cf-1e6 2079f6847 acrobat.com/adc/document.do?docid=942dbdc8-e469-446f-b4cf-1e62079f6847 Search Archives: http://www.mail- http://www.mail-archive.com/flexcoders%40yahoogroups.comYahoo archive.com/flexcoders%40yahoogroups.comYahoo! Groups Links (Yahoo! ID required) mailto:flexcoders-fullfeat mailto:flexcoders-fullfeatu...@yahoogroups.com u...@yahoogroups.com
[flexcoders] Re: Trying to build slideshow functionality with wipe effects.
Hi, You can use a canvas as the holder for all the images. And calculate the xfrom, xto, yfrom, yto of all the images. And apply a parallel effect. which will be an array of move effects to all the images. You can have a look at this. http://www.flexer.info/2008/05/29/image-gallery-component-imagerail/ Thanks, Shameer --- In flexcoders@yahoogroups.com, Tracy Spratt tr...@... wrote: Another approach might be to use the ViewStack approach, but only buffer a few images at a time. Incidentally, Tink has a component called Parallel Stack Effects which helps with viewstack effects. Also TileList has the itemsChangeEffect property which lets you add effects when items move. I have done this by masking all but part of the top row of the TileList, and then removing items from the first position and adding a new one to the end. Tracy Spratt, Lariat Services, development services available _ From: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On Behalf Of Steve Mathews Sent: Monday, August 03, 2009 11:58 AM To: flexcoders@yahoogroups.com Subject: Re: [flexcoders] Re: Trying to build slideshow functionality with wipe effects. Most of the time when I do any page transitions I take a bitmap of the current page and display that over everything. Then swap the content below this. Finally applying the effect to the bitmap. If you need the 'next' page to do the effect (like a slide in effect) then you take two bitmaps. Using bitmaps this way isn't always the simplest, but it can help with performance of the effect. Steve On Mon, Aug 3, 2009 at 8:41 AM, Todd tpreka...@gmail. mailto:tpreka...@... com wrote: Yes, I've seen that. Not useful to me. There's not wiple/slide in transition. All that sample is doing is loading a selected image from the list into the main viewing component, and adding a little Fade effect to it. I need something that will actually bring the Image in from the right or left, which will involve being able to actually MOVE components somehow. --- In flexcod...@yahoogro mailto:flexcoders@yahoogroups.com ups.com, Jason B nospam@ wrote: Have you seen this example slideshow by Adobe? http://examples. http://examples.adobe.com/flex2/inproduct/sdk/photoviewer/PhotoViewer.html adobe.com/flex2/inproduct/sdk/photoviewer/PhotoViewer.html --- In flexcod...@yahoogro mailto:flexcoders@yahoogroups.com ups.com, Todd tprekaski@ wrote: Hello All, I've built a slideshow feature in our application. One of the requirements was that the images transition to the next with a nice wipe/slide effect. I built up two solutions, both with drawbacks: 1) Used a view stack, added a repeater that added a VBox and Image for each photo to display. I was able to get the appropriate slide/scrolling effect to work by attaching show and hide effects on a VBox that contained the image. This worked really well when there was 10 imgeas. However, when I loaded 200 images...ouch memory management nightmare up to 1 gig of memory being used before crashing. Next solution, I tried something simpler: 2) Used a HorizontalList component and built some code to scroll through all the images. This worked much better from a memory management perspective, however, I've LOST the ability to have the transitions of sliding from one image to the next. My questions: 1) Has anyone seen any code that uses the List (HorizontalList) components for sliding/moving images into the main view area? How do you get the effects to work with moving the itemRenderers around (this doesn't seem possible?) 2) Anyone tried writing a component where there's a main view area, and an area to the left and right where you buffer images off screen for the sake of wiping/sliding them in? Then when you move to the next image, the main image slides left, the left (off-screen image container) is then moved to the right, and he the right image slides into the middle. This is a sort of recycling of components. Seems like a lot of work and would be prone to bugs. I'm open for any other ideas on making a slideshow with these sliding/scrolling transitions. Thanks for any suggestions. -- Flexcoders Mailing List FAQ: http://groups. http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Alternative FAQ location: https://share. https://share.acrobat.com/adc/document.do?docid=942dbdc8-e469-446f-b4cf-1e6 2079f6847 acrobat.com/adc/document.do?docid=942dbdc8-e469-446f-b4cf-1e62079f6847 Search Archives: http://www.mail- http://www.mail-archive.com/flexcoders%40yahoogroups.comYahoo archive.com/flexcoders%40yahoogroups.comYahoo! Groups Links (Yahoo! ID required) mailto:flexcoders-fullfeat mailto:flexcoders-fullfeatu...@yahoogroups.com
[flexcoders] Re: Trying to build slideshow functionality with wipe effects.
Have you seen this example slideshow by Adobe? http://examples.adobe.com/flex2/inproduct/sdk/photoviewer/PhotoViewer.html --- In flexcoders@yahoogroups.com, Todd tpreka...@... wrote: Hello All, I've built a slideshow feature in our application. One of the requirements was that the images transition to the next with a nice wipe/slide effect. I built up two solutions, both with drawbacks: 1) Used a view stack, added a repeater that added a VBox and Image for each photo to display. I was able to get the appropriate slide/scrolling effect to work by attaching show and hide effects on a VBox that contained the image. This worked really well when there was 10 imgeas. However, when I loaded 200 images...ouch memory management nightmare up to 1 gig of memory being used before crashing. Next solution, I tried something simpler: 2) Used a HorizontalList component and built some code to scroll through all the images. This worked much better from a memory management perspective, however, I've LOST the ability to have the transitions of sliding from one image to the next. My questions: 1) Has anyone seen any code that uses the List (HorizontalList) components for sliding/moving images into the main view area? How do you get the effects to work with moving the itemRenderers around (this doesn't seem possible?) 2) Anyone tried writing a component where there's a main view area, and an area to the left and right where you buffer images off screen for the sake of wiping/sliding them in? Then when you move to the next image, the main image slides left, the left (off-screen image container) is then moved to the right, and he the right image slides into the middle. This is a sort of recycling of components. Seems like a lot of work and would be prone to bugs. I'm open for any other ideas on making a slideshow with these sliding/scrolling transitions. Thanks for any suggestions.
[flexcoders] Re: Trying to build slideshow functionality with wipe effects.
Yes, I've seen that. Not useful to me. There's not wiple/slide in transition. All that sample is doing is loading a selected image from the list into the main viewing component, and adding a little Fade effect to it. I need something that will actually bring the Image in from the right or left, which will involve being able to actually MOVE components somehow. --- In flexcoders@yahoogroups.com, Jason B nos...@... wrote: Have you seen this example slideshow by Adobe? http://examples.adobe.com/flex2/inproduct/sdk/photoviewer/PhotoViewer.html --- In flexcoders@yahoogroups.com, Todd tprekaski@ wrote: Hello All, I've built a slideshow feature in our application. One of the requirements was that the images transition to the next with a nice wipe/slide effect. I built up two solutions, both with drawbacks: 1) Used a view stack, added a repeater that added a VBox and Image for each photo to display. I was able to get the appropriate slide/scrolling effect to work by attaching show and hide effects on a VBox that contained the image. This worked really well when there was 10 imgeas. However, when I loaded 200 images...ouch memory management nightmare up to 1 gig of memory being used before crashing. Next solution, I tried something simpler: 2) Used a HorizontalList component and built some code to scroll through all the images. This worked much better from a memory management perspective, however, I've LOST the ability to have the transitions of sliding from one image to the next. My questions: 1) Has anyone seen any code that uses the List (HorizontalList) components for sliding/moving images into the main view area? How do you get the effects to work with moving the itemRenderers around (this doesn't seem possible?) 2) Anyone tried writing a component where there's a main view area, and an area to the left and right where you buffer images off screen for the sake of wiping/sliding them in? Then when you move to the next image, the main image slides left, the left (off-screen image container) is then moved to the right, and he the right image slides into the middle. This is a sort of recycling of components. Seems like a lot of work and would be prone to bugs. I'm open for any other ideas on making a slideshow with these sliding/scrolling transitions. Thanks for any suggestions.
Re: [flexcoders] Re: Trying to build slideshow functionality with wipe effects.
Most of the time when I do any page transitions I take a bitmap of the current page and display that over everything. Then swap the content below this. Finally applying the effect to the bitmap. If you need the 'next' page to do the effect (like a slide in effect) then you take two bitmaps. Using bitmaps this way isn't always the simplest, but it can help with performance of the effect. Steve On Mon, Aug 3, 2009 at 8:41 AM, Todd tpreka...@gmail.com wrote: Yes, I've seen that. Not useful to me. There's not wiple/slide in transition. All that sample is doing is loading a selected image from the list into the main viewing component, and adding a little Fade effect to it. I need something that will actually bring the Image in from the right or left, which will involve being able to actually MOVE components somehow. --- In flexcoders@yahoogroups.com, Jason B nos...@... wrote: Have you seen this example slideshow by Adobe? http://examples.adobe.com/flex2/inproduct/sdk/photoviewer/PhotoViewer.html --- In flexcoders@yahoogroups.com, Todd tprekaski@ wrote: Hello All, I've built a slideshow feature in our application. One of the requirements was that the images transition to the next with a nice wipe/slide effect. I built up two solutions, both with drawbacks: 1) Used a view stack, added a repeater that added a VBox and Image for each photo to display. I was able to get the appropriate slide/scrolling effect to work by attaching show and hide effects on a VBox that contained the image. This worked really well when there was 10 imgeas. However, when I loaded 200 images...ouch memory management nightmare up to 1 gig of memory being used before crashing. Next solution, I tried something simpler: 2) Used a HorizontalList component and built some code to scroll through all the images. This worked much better from a memory management perspective, however, I've LOST the ability to have the transitions of sliding from one image to the next. My questions: 1) Has anyone seen any code that uses the List (HorizontalList) components for sliding/moving images into the main view area? How do you get the effects to work with moving the itemRenderers around (this doesn't seem possible?) 2) Anyone tried writing a component where there's a main view area, and an area to the left and right where you buffer images off screen for the sake of wiping/sliding them in? Then when you move to the next image, the main image slides left, the left (off-screen image container) is then moved to the right, and he the right image slides into the middle. This is a sort of recycling of components. Seems like a lot of work and would be prone to bugs. I'm open for any other ideas on making a slideshow with these sliding/scrolling transitions. Thanks for any suggestions. -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Alternative FAQ location: https://share.acrobat.com/adc/document.do?docid=942dbdc8-e469-446f-b4cf-1e62079f6847 Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.comYahoo! Groups Links
