Comments on: Some thoughts on Flex vs. HTML (or…”how I made my Flex List Images stop flickering.”) http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/ simple plans for world domination Fri, 04 Dec 2009 11:48:43 -0800 http://wordpress.org/?v=2.9 hourly 1 By: Marcel Panse http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/comment-page-1/#comment-273690 Marcel Panse Wed, 25 Nov 2009 10:13:16 +0000 http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/#comment-273690 Great component! One question though, the component does not render transparant png's correctly. When using the simple mx:Image everything goes well, using SuperImage the png is not transparant.. Any ideas how to fix this? Great component! One question though, the component does not render transparant png’s correctly. When using the simple mx:Image everything goes well, using SuperImage the png is not transparant..

Any ideas how to fix this?

]]> By: Ramesh http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/comment-page-1/#comment-80072 Ramesh Mon, 10 Dec 2007 07:03:17 +0000 http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/#comment-80072 <p>What is the Maximum cache Limit? I have Implemented this super image Class in my application it is working great but what i want to know is will it create a new cache memory whenever we scroll up and down for the same image. I hope if there are large number of images then cache size will be the Problem. Please help me out in this regard. Any how Good Work. Helped me a lot.</p> What is the Maximum cache Limit? I have Implemented this super image Class in my application it is working great but what i want to know is will it create a new cache memory whenever we scroll up and down for the same image. I hope if there are large number of images then cache size will be the Problem. Please help me out in this regard. Any how Good Work. Helped me a lot.

]]> By: jeruel http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/comment-page-1/#comment-48327 jeruel Thu, 27 Sep 2007 11:24:37 +0000 http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/#comment-48327 <p>How about for the swf or a swfloader in an itemrenderer of a tilelist?</p> How about for the swf or a swfloader in an itemrenderer of a tilelist?

]]> By: gabocas http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/comment-page-1/#comment-45544 gabocas Fri, 21 Sep 2007 17:32:24 +0000 http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/#comment-45544 <p>Hi! Would you mind explaining me about the use of the superimage? I think that it needs more documentation!</p> <p>Thanks in advance!</p> Hi!
Would you mind explaining me about the use of the superimage?
I think that it needs more documentation!

Thanks in advance!

]]> By: Jonathan http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/comment-page-1/#comment-43068 Jonathan Wed, 12 Sep 2007 18:13:22 +0000 http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/#comment-43068 <p>I have encountered an interesting 'feature' when using SuperImage in IE.</p> <p>I modified the SuperImage class by adding custom context menus and I am using it in a custom item renderer class.</p> <p>However, the custom context menu would only display in IE on non-cached content. When a cached image was displayed, the custom context menu was replaced by the verbose default context menu.</p> <p>By setting the cache name to null to prevent SuperImage from caching, I realized that IE was already caching the image requests for the flash player, and the custom context menus displayed consistently, both on cached and non-cached images.</p> <p>So now, I am performing browser detection in my Flex app, and enabling caching for all browsers except IE, and my context menus work consistently.</p> <p>Hope this helps someone else.</p> I have encountered an interesting ‘feature’ when using SuperImage in IE.

I modified the SuperImage class by adding custom context menus and I am using it in a custom item renderer class.

However, the custom context menu would only display in IE on non-cached content. When a cached image was displayed, the custom context menu was replaced by the verbose default context menu.

By setting the cache name to null to prevent SuperImage from caching, I realized that IE was already caching the image requests for the flash player, and the custom context menus displayed consistently, both on cached and non-cached images.

So now, I am performing browser detection in my Flex app, and enabling caching for all browsers except IE, and my context menus work consistently.

Hope this helps someone else.

]]> By: Sam http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/comment-page-1/#comment-33391 Sam Sat, 28 Jul 2007 02:23:43 +0000 http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/#comment-33391 <p>OMFG you're my hero, I had pretty much given up on having image scrolling in a list be smooth!</p> OMFG you’re my hero, I had pretty much given up on having image scrolling in a list be smooth!

]]> By: faky http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/comment-page-1/#comment-31585 faky Mon, 16 Jul 2007 23:06:12 +0000 http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/#comment-31585 <p>Ok i've found that here, afte written an own ImageCache. It works but it has the same problems like your SuperImage Component.</p> <p>When i use those cached images in a TileList and than change the size of the TileList from maybe 6 Columns to one, than i have wrong visuals on the underlying item.</p> <p>invalidDisplayList doesnt help. I've solved it with only caching the byteArrays an override the updateDisplayList( ...) function in the Item renderer which asks the cache for the picture and rerender it .</p> <p>the reason for my comment ist that this solution is realy bad because it is flickering horrible and have some bad sideeffects.</p> <p>it would be great if someone would say , hey just put that there to tell your image to redraw</p> Ok i’ve found that here, afte written an own ImageCache. It works but it has the same problems like your SuperImage Component.

When i use those cached images in a TileList and than change the size of the TileList from maybe 6 Columns to one, than i have wrong visuals on the underlying item.

invalidDisplayList doesnt help. I’ve solved it with only caching the byteArrays an override the updateDisplayList( …) function in the Item renderer which asks the cache for the picture and rerender it .

the reason for my comment ist that this solution is realy bad because it is flickering horrible and have some bad sideeffects.

it would be great if someone would say , hey just put that there to tell your image to redraw

]]> By: Tobias Hoellrich http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/comment-page-1/#comment-31541 Tobias Hoellrich Mon, 16 Jul 2007 17:58:42 +0000 http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/#comment-31541 <p>Not sure if I missed some other properties that allow me to "center" an image, but I just added some code to SuperImage to center the content in the rectangle where the image is supposed to render. This is necessary is scaleContent is true and maintainAspectRatio is also true.</p> <p>I added this style: [Style(name="center", type="Boolean", inherit="no")]</p> <p>and at the bottom of updateDisplayList() things got changed this way: if(_border != null) { _border.setActualSize(contentWidth + borderMetrics.left + borderMetrics.right, contentHeight + borderMetrics.top + borderMetrics.bottom); if(center) { _content.x = borderMetrics.left + (unscaledWidth - contentWidth) / 2; _content.y = borderMetrics.top + (unscaledHeight - contentHeight) / 2; } else { _content.x = borderMetrics.left; _content.y = borderMetrics.top; } } else { if(center) { _content.x = (unscaledWidth - contentWidth) / 2; _content.y = (unscaledHeight - contentHeight) / 2; } else { _content.x = 0; _content.y = 0; } }</p> Not sure if I missed some other properties that allow me to “center” an image, but I just added some code to SuperImage to center the content in the rectangle where the image is supposed to render. This is necessary is scaleContent is true and maintainAspectRatio is also true.

I added this style:
[Style(name="center", type="Boolean", inherit="no")]

and at the bottom of updateDisplayList() things got changed this way:
if(_border != null)
{
_border.setActualSize(contentWidth + borderMetrics.left + borderMetrics.right,
contentHeight + borderMetrics.top + borderMetrics.bottom);
if(center) {
_content.x = borderMetrics.left + (unscaledWidth – contentWidth) / 2;
_content.y = borderMetrics.top + (unscaledHeight – contentHeight) / 2;
} else {
_content.x = borderMetrics.left;
_content.y = borderMetrics.top;
}
}
else
{
if(center) {
_content.x = (unscaledWidth – contentWidth) / 2;
_content.y = (unscaledHeight – contentHeight) / 2;
} else {
_content.x = 0;
_content.y = 0;
}
}

]]> By: Matt Hicks http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/comment-page-1/#comment-27202 Matt Hicks Wed, 13 Jun 2007 14:34:48 +0000 http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/#comment-27202 <p>I can't seem to get the caching to work properly. I am trying to load ten copies of the same image and it is being re-requested from the server for each one. I've tried passing a url as a String as well as a single URLRequest to all, but it still is making ten requests for the exact same image.</p> I can’t seem to get the caching to work properly. I am trying to load ten copies of the same image and it is being re-requested from the server for each one. I’ve tried passing a url as a String as well as a single URLRequest to all, but it still is making ten requests for the exact same image.

]]> By: Aaron King http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/comment-page-1/#comment-18461 Aaron King Tue, 01 May 2007 19:12:10 +0000 http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best-option-orhow-i-made-my-flex-images-stop-dancing/#comment-18461 <p>Hi Ely, Great Component! I love it. I did run into one issue where the image was not centering correctly within my other component. Digging in, I found that the SuperImage width and height were both remaining at 100, even thought the image and border were 100 X 70.</p> <p>I found that by adding this line to the end of the updateDisplayList() function fixes the problem:</p> <p><code>this.setActualSize(_border.width, _border.height);</code></p> <p>Is that the best way to fix that, or is there a better way?</p> Hi Ely, Great Component! I love it. I did run into one issue where the image was not centering correctly within my other component. Digging in, I found that the SuperImage width and height were both remaining at 100, even thought the image and border were 100 X 70.

I found that by adding this line to the end of the updateDisplayList() function fixes the problem:

this.setActualSize(_border.width, _border.height);

Is that the best way to fix that, or is there a better way?

]]>