<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress/2.0.7" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
	<title>Comments on: Flex CoverFlow performance improvement, Flex Carousel Component, and Vertical CoverFlow</title>
	<link>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/</link>
	<description>A blog about Adobe Flex</description>
	<pubDate>Fri, 08 Aug 2008 00:41:13 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.0.7</generator>

	<item>
		<title>by: A P</title>
		<link>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-131821</link>
		<pubDate>Mon, 28 Jul 2008 17:25:03 +0000</pubDate>
		<guid>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-131821</guid>
					<description>AWESOME! Thanks so much!!!!</description>
		<content:encoded><![CDATA[<p>AWESOME! Thanks so much!!!!
</p>
]]></content:encoded>
				</item>
	<item>
		<title>by: MechanisM</title>
		<link>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-121203</link>
		<pubDate>Fri, 11 Jul 2008 09:51:20 +0000</pubDate>
		<guid>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-121203</guid>
					<description>Hello Doug!!!
I'm not so good in Flex and in English too..so I have a question..
how can I set a repeater and dataprovider with XML of images to show in CoverFlowContainer??</description>
		<content:encoded><![CDATA[<p>Hello Doug!!!<br />
I&#8217;m not so good in Flex and in English too..so I have a question..<br />
how can I set a repeater and dataprovider with XML of images to show in CoverFlowContainer??
</p>
]]></content:encoded>
				</item>
	<item>
		<title>by: Dr. Danguer y Mr. Daniel &#187; Blog Archive &#187; Componente de Carrusel para Flex</title>
		<link>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-120568</link>
		<pubDate>Thu, 10 Jul 2008 05:13:08 +0000</pubDate>
		<guid>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-120568</guid>
					<description>[...] Liga: http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/    Read More [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] Liga: <a href="http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/" rel="nofollow">http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/</a>    Read More [&#8230;]
</p>
]]></content:encoded>
				</item>
	<item>
		<title>by: Matt</title>
		<link>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-119133</link>
		<pubDate>Mon, 07 Jul 2008 11:59:57 +0000</pubDate>
		<guid>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-119133</guid>
					<description>Hey Doug!

This is fantastic, and thank you for sharing the source.

I've been playing around with the carousel and coverflow containers.
I have added some script to loop from an array, pulling in images locally to display within the carousel. I'm stuck on a few points though, if anyone can help me..?

The images I need to load in are all stored within the root folder. When the script runs, the 'image.source = e.currentTarget.content;' line only seems to append one image to the last panel. I am outputting the actual items from the array onto the panel as a label, and the links take the user through to the correct video, I just can't seem to get the right image to load onto the correct panel, and it's driving me nuts.

Also, can it be adapted to work without the panels, and just show the images, as you have in your iTunes examples..?

The code is below:

var arr:Array = ["PMDMMfrDUBI", "KiR838VOCrA", "DbC2iMFMcuk"];
totalItems = arr.length;
			

// Use a regular for in loop to access the properties in arr
for each ( var s:String in arr ) {

thisItem = thisItem + 1;
			
// create a new panel
var thisPanel:Panel = new Panel();
thisPanel.width = 200;
thisPanel.height = 200;


var thisID:String = '_img' + thisItem;

// create a new image
var image:Image = new Image();
image.name = thisID;
image.id = thisID;

//image.source = imgClass;


// create a new label
var imageLabel:Label = new Label;
imageLabel.text = s + thisID;
imageLabel.id = s;
imageLabel.addEventListener(MouseEvent.CLICK, function(e:Event):void
{
	var vidID:String = e.currentTarget.id;
	var url:URLRequest = new URLRequest("http://localhost/youtubeDownloader-debug/index.cfm?video=" + vidID);
	navigateToURL(url, "_blank");
});

// add the image and label to the new panel
thisPanel.addChild(image);
thisPanel.addChild(imageLabel);

// add the panel to the coverflow container
coverflow.addChild(thisPanel);
 
  
 //source code of the second way
 _loader = new Loader();
 
 //notice: NOT _loader.addEventListener,is  _loader.contentLoaderInfo.addEventListener
 _loader.contentLoaderInfo.addEventListener(Event.COMPLETE,function(e:Event):void
 	{ 
 		image.source = e.currentTarget.content;

 	});
 	
 	
 _loader.load(new URLRequest(encodeURI(s + ".jpg")));

// end of loop			
	} 


If anyone can help me, I would be eternally grateful.

Many thanks,

Matt</description>
		<content:encoded><![CDATA[<p>Hey Doug!</p>
<p>This is fantastic, and thank you for sharing the source.</p>
<p>I&#8217;ve been playing around with the carousel and coverflow containers.<br />
I have added some script to loop from an array, pulling in images locally to display within the carousel. I&#8217;m stuck on a few points though, if anyone can help me..?</p>
<p>The images I need to load in are all stored within the root folder. When the script runs, the &#8216;image.source = e.currentTarget.content;&#8217; line only seems to append one image to the last panel. I am outputting the actual items from the array onto the panel as a label, and the links take the user through to the correct video, I just can&#8217;t seem to get the right image to load onto the correct panel, and it&#8217;s driving me nuts.</p>
<p>Also, can it be adapted to work without the panels, and just show the images, as you have in your iTunes examples..?</p>
<p>The code is below:</p>
<p>var arr:Array = [&#8221;PMDMMfrDUBI&#8221;, &#8220;KiR838VOCrA&#8221;, &#8220;DbC2iMFMcuk&#8221;];<br />
totalItems = arr.length;</p>
<p>// Use a regular for in loop to access the properties in arr<br />
for each ( var s:String in arr ) {</p>
<p>thisItem = thisItem + 1;</p>
<p>// create a new panel<br />
var thisPanel:Panel = new Panel();<br />
thisPanel.width = 200;<br />
thisPanel.height = 200;</p>
<p>var thisID:String = &#8216;_img&#8217; + thisItem;</p>
<p>// create a new image<br />
var image:Image = new Image();<br />
image.name = thisID;<br />
image.id = thisID;</p>
<p>//image.source = imgClass;</p>
<p>// create a new label<br />
var imageLabel:Label = new Label;<br />
imageLabel.text = s + thisID;<br />
imageLabel.id = s;<br />
imageLabel.addEventListener(MouseEvent.CLICK, function(e:Event):void<br />
{<br />
	var vidID:String = e.currentTarget.id;<br />
	var url:URLRequest = new URLRequest(&#8221;http://localhost/youtubeDownloader-debug/index.cfm?video=&#8221; + vidID);<br />
	navigateToURL(url, &#8220;_blank&#8221;);<br />
});</p>
<p>// add the image and label to the new panel<br />
thisPanel.addChild(image);<br />
thisPanel.addChild(imageLabel);</p>
<p>// add the panel to the coverflow container<br />
coverflow.addChild(thisPanel);</p>
<p> //source code of the second way<br />
 _loader = new Loader();</p>
<p> //notice: NOT _loader.addEventListener,is  _loader.contentLoaderInfo.addEventListener<br />
 _loader.contentLoaderInfo.addEventListener(Event.COMPLETE,function(e:Event):void<br />
 	{<br />
 		image.source = e.currentTarget.content;</p>
<p> 	});</p>
<p> _loader.load(new URLRequest(encodeURI(s + &#8220;.jpg&#8221;)));</p>
<p>// end of loop<br />
	} </p>
<p>If anyone can help me, I would be eternally grateful.</p>
<p>Many thanks,</p>
<p>Matt
</p>
]]></content:encoded>
				</item>
	<item>
		<title>by: GANCHIKU.com &#187; CoverFlowってイカしてるね。</title>
		<link>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-115895</link>
		<pubDate>Wed, 02 Jul 2008 11:56:08 +0000</pubDate>
		<guid>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-115895</guid>
					<description>[...] しかし、元ネタのサンプルFlex CoverFlow performance improvement, Flex Carousel Component, and Vertical CoverFlowを見ると、Carouselの方がイカしているじゃない？というわけでこちらを採用。Carouselという言葉の訳では、回転木馬らしいのだけども、「回転木馬」って言われてもしっくりこないので、とりあえずCoverFlowの亜種と言ったらいいのかしらん。 [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] しかし、元ネタのサンプルFlex CoverFlow performance improvement, Flex Carousel Component, and Vertical CoverFlowを見ると、Carouselの方がイカしているじゃない？というわけでこちらを採用。Carouselという言葉の訳では、回転木馬らしいのだけども、「回転木馬」って言われてもしっくりこないので、とりあえずCoverFlowの亜種と言ったらいいのかしらん。 [&#8230;]
</p>
]]></content:encoded>
				</item>
	<item>
		<title>by: j</title>
		<link>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-115189</link>
		<pubDate>Tue, 01 Jul 2008 18:35:12 +0000</pubDate>
		<guid>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-115189</guid>
					<description>Would this component function smooth or work better creating it in Flash converting it to a SWC then into Flex or would the quality be the same just using Flex to create it?</description>
		<content:encoded><![CDATA[<p>Would this component function smooth or work better creating it in Flash converting it to a SWC then into Flex or would the quality be the same just using Flex to create it?
</p>
]]></content:encoded>
				</item>
	<item>
		<title>by: Fabien</title>
		<link>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-114030</link>
		<pubDate>Sun, 29 Jun 2008 18:42:52 +0000</pubDate>
		<guid>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-114030</guid>
					<description>Joe, you are absolutely right. but even professional components, like those from flashloaded are even much worse!!

Joe, i think you hit the right point with: "But I’d hate to see someone (me for instance) waste a lot of hours trying to make this work in a real project only to find himself back at the drawing board with an angry client on the phone."

what you call a component - not matter if it's free or not - should be a REALLY flexible piece of code. i've already had dozens of such deceptions and finally rebuilt nearly any component myself at the end - nothing funny when your customer already saw your simple coverflow demo. the same will most probably happen here as well...




anyway, what about a strategy for "many" childs. i mean 3, 5, 7 or in some case 9 childs are realistic, but more child don't run properly. this is not what i call flexible, it's actually a demonstration tool - not enough to call it a "component".

it is currently a huge stress to add any kind of dynamic behavior, you obviously never tried it. the problem is very simple: everything is based on the child-index. but the child indicees change as soon as you remove or add a child at index 0, the selectedIndex changes after these operations. it should be based on a dataprovider IMO.

and in any way, the current memory leaks (=missing support for removeChild) makes any dynamic behavior nearly impossible.</description>
		<content:encoded><![CDATA[<p>Joe, you are absolutely right. but even professional components, like those from flashloaded are even much worse!!</p>
<p>Joe, i think you hit the right point with: &#8220;But I’d hate to see someone (me for instance) waste a lot of hours trying to make this work in a real project only to find himself back at the drawing board with an angry client on the phone.&#8221;</p>
<p>what you call a component - not matter if it&#8217;s free or not - should be a REALLY flexible piece of code. i&#8217;ve already had dozens of such deceptions and finally rebuilt nearly any component myself at the end - nothing funny when your customer already saw your simple coverflow demo. the same will most probably happen here as well&#8230;</p>
<p>anyway, what about a strategy for &#8220;many&#8221; childs. i mean 3, 5, 7 or in some case 9 childs are realistic, but more child don&#8217;t run properly. this is not what i call flexible, it&#8217;s actually a demonstration tool - not enough to call it a &#8220;component&#8221;.</p>
<p>it is currently a huge stress to add any kind of dynamic behavior, you obviously never tried it. the problem is very simple: everything is based on the child-index. but the child indicees change as soon as you remove or add a child at index 0, the selectedIndex changes after these operations. it should be based on a dataprovider IMO.</p>
<p>and in any way, the current memory leaks (=missing support for removeChild) makes any dynamic behavior nearly impossible.
</p>
]]></content:encoded>
				</item>
	<item>
		<title>by: Joe</title>
		<link>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-106565</link>
		<pubDate>Wed, 18 Jun 2008 16:51:27 +0000</pubDate>
		<guid>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-106565</guid>
					<description>Awesome if you don't actually have to use it for something besides a blog example. It's funny that the title of this post includes "performance improvement" because the performance is deplorable. Don't get me wrong. It's an awesome example of Flex "possibilities." However, it's no more than toy, not a real-world component. As soon as you get about 20 items into it, the reflections can't keep up. It's a very surreal (and unpleasant) effect to see a reflection lagging behind the reflected object.

I guess this makes me one of the whiners. :-(  But I'd hate to see someone (me for instance) waste a lot of hours trying to make this work in a real project only to find himself back at the drawing board with an angry client on the phone. The examples on this page use the component to display album covers. (I hope you have narrow musical tastes, like no more than fifteen albums.)</description>
		<content:encoded><![CDATA[<p>Awesome if you don&#8217;t actually have to use it for something besides a blog example. It&#8217;s funny that the title of this post includes &#8220;performance improvement&#8221; because the performance is deplorable. Don&#8217;t get me wrong. It&#8217;s an awesome example of Flex &#8220;possibilities.&#8221; However, it&#8217;s no more than toy, not a real-world component. As soon as you get about 20 items into it, the reflections can&#8217;t keep up. It&#8217;s a very surreal (and unpleasant) effect to see a reflection lagging behind the reflected object.</p>
<p>I guess this makes me one of the whiners. <img src='http://dougmccune.com/blog/wp-includes/images/smilies/icon_sad.gif' alt=':-(' class='wp-smiley' />   But I&#8217;d hate to see someone (me for instance) waste a lot of hours trying to make this work in a real project only to find himself back at the drawing board with an angry client on the phone. The examples on this page use the component to display album covers. (I hope you have narrow musical tastes, like no more than fifteen albums.)
</p>
]]></content:encoded>
				</item>
	<item>
		<title>by: PTM - Flash, Flash Lite and Flex Developer</title>
		<link>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-105605</link>
		<pubDate>Tue, 17 Jun 2008 12:14:51 +0000</pubDate>
		<guid>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-105605</guid>
					<description>[...] There are many Image Galleries availble on web, but time to time I want to make one of me own. This time I used Flex, PHP and MySQL. I found one excellent Flex Component from Doug McCune - CoverFlow Component and created my Image Gallery Menu with it. [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] There are many Image Galleries availble on web, but time to time I want to make one of me own. This time I used Flex, PHP and MySQL. I found one excellent Flex Component from Doug McCune - CoverFlow Component and created my Image Gallery Menu with it. [&#8230;]
</p>
]]></content:encoded>
				</item>
	<item>
		<title>by: Dan</title>
		<link>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-102917</link>
		<pubDate>Fri, 13 Jun 2008 13:24:43 +0000</pubDate>
		<guid>http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/#comment-102917</guid>
					<description>Awesome component

I made some changes with what I was doing on it and the scrollbar disables itself if I pass maxPosition="{coverflow.numChildren - 1}" 

If I pass it just a static number it works fine.  Any ideas?</description>
		<content:encoded><![CDATA[<p>Awesome component</p>
<p>I made some changes with what I was doing on it and the scrollbar disables itself if I pass maxPosition=&#8221;{coverflow.numChildren - 1}&#8221; </p>
<p>If I pass it just a static number it works fine.  Any ideas?
</p>
]]></content:encoded>
				</item>
</channel>
</rss>
