Digest Number 844

View: New views

1 Messages — Rating Filter: Alert me

Digest Number 844

by howard-31 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Message:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">

</style>
<head>
<style type="text/css">

</style>
</head>
<head>
<style type="text/css">

</style>
</head>

<title>Flex Component Development</title>
</head>
<body style="background-color: #ffffff;">
<div id="ygrp-mlmsg" style="width:655px; position:relative;">
<div id="ygrp-banner">
<a href="http://groups.yahoo.com/group/flexcomponents;_ylc=X3oDMTJlMzNrdjk5BF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDaGRyBHNsawNocGgEc3RpbWUDMTIyMDU1MjYxMQ--">
Flex Component Development </a>
</div>
<div id="ygrp-msg" style="width: 470px; margin:0; padding:0 25px 0 0; float:left; z-index:1;">
<h1>Messages In This Digest (5
Messages)
</h1>
<div id="ygrp-summary">
<a name="toc"></a>
<dl>
<dt>1a. </dt>
<dd>
<a href="#1a" class="ygrp-subj"> Re: [flexcoders] Re: Scale to fit, revisited</a>
From:
Richard Rodseth </dd>
<dt>1b. </dt>
<dd>
<a href="#1b" class="ygrp-subj"> Re: [flexcoders] Re: Scale to fit, revisited</a>
From:
Richard Rodseth </dd>
</dl>
<dl>
<dt>2a. </dt>
<dd>
<a href="#2a" class="ygrp-subj"> Re: Reload a component</a>
From:
Umer Khan </dd>
<dt>2b. </dt>
<dd>
<a href="#2b" class="ygrp-subj"> Re: Reload a component</a>
From:
Josh McDonald </dd>
<dt>2c. </dt>
<dd>
<a href="#2c" class="ygrp-subj"> Re: Reload a component</a>
From:
Umair Iqbal </dd>
</dl>
</div>
<div style="float:right; font-size:77%; display:inline; padding-top:5px; font-weight:bold;">
<a href="http://groups.yahoo.com/group/flexcomponents/messages;_ylc=X3oDMTJnY2txMmp2BF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZG1zZwRzbGsDYXRwYwRzdGltZQMxMjIwNTUyNjEy?xm=1&m=p&tidx=1">View All Topics</a> | <a href="http://groups.yahoo.com/group/flexcomponents/post;_ylc=X3oDMTJnbmk3dWhpBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZG1zZwRzbGsDbnRwYwRzdGltZQMxMjIwNTUyNjEy">Create New Topic</a>
</div>
<h1>
Messages </h1>

<div id="ygrp-detail">
<dl class="first">
<dt>1a. </dt>
<dd >
<h2>
<a href="http://groups.yahoo.com/group/flexcomponents/message/3957;_ylc=X3oDMTJyYWp1OTRlBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTU3BHNlYwNkbXNnBHNsawN2bXNnBHN0aW1lAzEyMjA1NTI2MTI-" name="1a">
Re: [flexcoders] Re: Scale to fit, revisited </a>
</h2>
<h3>Posted by: "Richard Rodseth" <a href="mailto:rrodseth@...?Subject= Re%3A%20%5Bflexcoders%5D%20Re%3A%20Scale%20to%20fit%2C%20revisited">
rrodseth@... </a>

<a href="http://profiles.yahoo.com/rcrodseth">
rcrodseth
</a>
</h3>
<h4>
Wed Sep 3, 2008 1:07 pm (PDT) </h4>

<div class="ygrp-content">
On Tue, Sep 2, 2008 at 9:51 PM, Alex Harui <<a href="mailto:aharui%40adobe.com">aharui@adobe.com</a>> wrote: 
 
> If you post a test case, I might get a chance to look at it 
> . 
> sdf 
> 
 
Thanks, that would be great. A Flex project archive is attached, and the 
complete code is also below. There's an HBox with two instances of the 
ScaledContent component. The button on the right scales and centers 
properly. The one on the left doesn't. 
 
TestScaledContent.mxml 
 
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="<a href="http://www.adobe.com/2006/mxml">http://www.adobe.com/2006/mxml</a>" layout="vertical" 
xmlns:comp="comp.*" 
> 
<mx:HBox width="90%" height="90%" borderStyle="solid"> 
<comp:ScaledContent width="50%" height="100%" borderStyle="solid" > 
<mx:Button label="This is a button" /> 
</comp:ScaledContent> 
<comp:ScaledContent width="50%" height="100%" borderStyle="solid" > 
<mx:Button label="This is a button" width="1400" 
height="1400" cornerRadius="100"/> 
</comp:ScaledContent> 
</mx:HBox> 
 
</mx:Application> 
 
ScaledContent.mxml: 
 
<?xml version="1.0" encoding="utf-8"?> 
<mx:Canvas xmlns:mx="<a href="http://www.adobe.com/2006/mxml">http://www.adobe.com/2006/mxml</a>" xmlns:comp="comp.*" 
horizontalScrollPolicy="off" verticalScrollPolicy="off" 
> 
 
<mx:Metadata> 
[DefaultProperty("contents")] 
</mx:Metadata> 
 
<mx:Script> 
<![CDATA[ 
import mx.core.UIComponent; 
 
private var _contents:UIComponent; 
private var _contentsChanged:Boolean = false; 
 
public function set contents(value:UIComponent):void { 
_contents = value; 
_contentsChanged = true; 
this.invalidateProperties(); 
} 
 
override protected function commitProperties():void { 
super.commitProperties(); 
 
if (_contentsChanged) { 
contentHolder.content = _contents; 
_contentsChanged = false; 
} 
} 
 
override protected function measure():void { 
super.measure(); 
minWidth = measuredWidth = 0; // 
_contents.getExplicitOrMeasuredWidth(); 
minHeight = measuredHeight = 0; // 
_contents.getExplicitOrMeasuredHeight(); 
} 
 
override protected function 
updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { 
super.updateDisplayList(unscaledWidth, unscaledHeight); 
contentHolder.scaleContentToFit(unscaledWidth, 
unscaledHeight); 
contentHolder.setActualSize(unscaledWidth, unscaledHeight); 
} 
]]> 
</mx:Script> 
 
<comp:ScaledContentHolder id="contentHolder" width="100%" height="100%"> 
</comp:ScaledContentHolder> 
 
</mx:Canvas> 
 
ScaledContentHolder.as: 
 
package comp 
{ 
import mx.core.Container; 
import mx.core.UIComponent; 
 
public class ScaledContentHolder extends UIComponent 
{ 
public function ScaledContentHolder() 
{ 
} 
 
private var _allowInvalidateSize:Boolean = true; 
private var _content:UIComponent; 
private var _contentChanged:Boolean = false; 
 
override protected function measure():void 
{ 
super.measure(); 
minWidth = measuredWidth = 0; // 
_content.getExplicitOrMeasuredWidth(); 
minHeight = measuredHeight = 0; 
//_content.getExplicitOrMeasuredHeight(); 
} 
 
public function set content(value:UIComponent):void { 
_content = value; 
_contentChanged = true; 
this.invalidateProperties(); 
} 
 
override protected function commitProperties():void { 
super.commitProperties(); 
if (_contentChanged) { 
this.removeAllChildren(); 
this.addChild(_content); 
_contentChanged = false; 
} 
} 
 
private function removeAllChildren():void 
{ 
while (numChildren> 0) 
{ 
removeChildAt(0); 
} 
} 
 
override public function invalidateSize():void 
{ 
if (_allowInvalidateSize) 
super.invalidateSize(); 
} 
 
public function scaleContentToFit(unscaledWidth:Number, 
unscaledHeight:Number):void { 
var contentWidth:Number = _content.getExplicitOrMeasuredWidth(); 
var contentHeight:Number = 
_content.getExplicitOrMeasuredHeight(); 
 
var xScale:Number = (unscaledWidth / contentWidth); 
var yScale:Number = (unscaledHeight / contentHeight); 
var finalScale:Number = Math.min(xScale, yScale); // Preserve 
aspect ratio 
 
_allowInvalidateSize = false; 
this.scaleX = finalScale; 
this.scaleY = finalScale; 
_allowInvalidateSize = true; 
 
var scaledContentWidth:Number = contentWidth * finalScale; 
var scaledContentHeight:Number = contentHeight * finalScale; 
 
this.move(unscaledWidth/2 - scaledContentWidth/2 , 
unscaledHeight/2 - scaledContentHeight/2); 
 
} 
 
override protected function updateDisplayList(unscaledWidth:Number, 
unscaledHeight:Number):void 
{ 
super.updateDisplayList(unscaledWidth, unscaledHeight); 
} 
} 
 
} 
</div>
<div class="ygrp-dateline">
<div class="offset">
<a href="#toc">
Back to top </a>
</div> <a href="mailto:rrodseth@...?Subject=Re%3A%20%5Bflexcoders%5D%20Re%3A%20Scale%20to%20fit%2C%20revisited">
Reply to sender
</a> |
<a href="mailto:flexcomponents@...?Subject= Re%3A%20%5Bflexcoders%5D%20Re%3A%20Scale%20to%20fit%2C%20revisited">
Reply to group
</a> |
<a href="http://groups.yahoo.com/group/flexcomponents/post;_ylc=X3oDMTJyZ2ZtYzdzBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTU3BHNlYwNkbXNnBHNsawNycGx5BHN0aW1lAzEyMjA1NTI2MTI-?act=reply&messageNum=3957">
Reply via web post
</a> 
<a href="http://groups.yahoo.com/group/flexcomponents/message/3946;_ylc=X3oDMTM2N252aHMyBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTU3BHNlYwNkbXNnBHNsawN2dHBjBHN0aW1lAzEyMjA1NTI2MTIEdHBjSWQDMzk0Ng--">
Messages in this topic
</a> (8)
</div> </dd>
<dt>1b. </dt>
<dd >
<h2>
<a href="http://groups.yahoo.com/group/flexcomponents/message/3958;_ylc=X3oDMTJyMTdjdWxrBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTU4BHNlYwNkbXNnBHNsawN2bXNnBHN0aW1lAzEyMjA1NTI2MTI-" name="1b">
Re: [flexcoders] Re: Scale to fit, revisited </a>
</h2>
<h3>Posted by: "Richard Rodseth" <a href="mailto:rrodseth@...?Subject= Re%3A%20%5Bflexcoders%5D%20Re%3A%20Scale%20to%20fit%2C%20revisited">
rrodseth@... </a>

<a href="http://profiles.yahoo.com/rcrodseth">
rcrodseth
</a>
</h3>
<h4>
Wed Sep 3, 2008 2:51 pm (PDT) </h4>

<div class="ygrp-content">
Sorry folks. One more time with attachment renamed to foil the filters. 
 
On Wed, Sep 3, 2008 at 10:28 AM, Richard Rodseth <<a href="mailto:rrodseth%40gmail.com">rrodseth@gmail.com</a>> wrote:

> Cross-posting to flexcoders... 
> 
> 
> On Wed, Sep 3, 2008 at 9:34 AM, Richard Rodseth <<a href="mailto:rrodseth%40gmail.com">rrodseth@gmail.com</a>>wrote: 
> 
>> On Tue, Sep 2, 2008 at 9:51 PM, Alex Harui <<a href="mailto:aharui%40adobe.com">aharui@adobe.com</a>> wrote: 
>> 
>>> If you post a test case, I might get a chance to look at it 
>>> . 
>>> sdf 
>>> 
>> 
>> Thanks, that would be great. A Flex project archive is attached, and the 
>> complete code is also below. There's an HBox with two instances of the 
>> ScaledContent component. The button on the right scales and centers 
>> properly. The one on the left doesn't. 
>> 
>> TestScaledContent.mxml 
>> 
>> <?xml version="1.0" encoding="utf-8"?> 
>> <mx:Application xmlns:mx="<a href="http://www.adobe.com/2006/mxml">http://www.adobe.com/2006/mxml</a>" 
>> layout="vertical" 
>> xmlns:comp="comp.*" 
>> > 
>> <mx:HBox width="90%" height="90%" borderStyle="solid"> 
>> <comp:ScaledContent width="50%" height="100%" borderStyle="solid" 
>> > 
>> <mx:Button label="This is a button" /> 
>> </comp:ScaledContent> 
>> <comp:ScaledContent width="50%" height="100%" borderStyle="solid" 
>> > 
>> <mx:Button label="This is a button" width="1400" 
>> height="1400" cornerRadius="100"/> 
>> </comp:ScaledContent> 
>> </mx:HBox> 
>> 
>> </mx:Application> 
>> 
>> 
>> ScaledContent.mxml: 
>> 
>> <?xml version="1.0" encoding="utf-8"?> 
>> <mx:Canvas xmlns:mx="<a href="http://www.adobe.com/2006/mxml">http://www.adobe.com/2006/mxml</a>" xmlns:comp="comp.*" 
>> horizontalScrollPolicy="off" verticalScrollPolicy="off" 
>> > 
>> 
>> <mx:Metadata> 
>> [DefaultProperty("contents")] 
>> </mx:Metadata> 
>> 
>> <mx:Script> 
>> <![CDATA[ 
>> import mx.core.UIComponent; 
>> 
>> private var _contents:UIComponent; 
>> private var _contentsChanged:Boolean = false; 
>> 
>> public function set contents(value:UIComponent):void { 
>> _contents = value; 
>> _contentsChanged = true; 
>> this.invalidateProperties(); 
>> } 
>> 
>> override protected function commitProperties():void { 
>> super.commitProperties(); 
>> 
>> if (_contentsChanged) { 
>> contentHolder.content = _contents; 
>> _contentsChanged = false; 
>> } 
>> } 
>> 
>> 
>> override protected function measure():void { 
>> super.measure(); 
>> minWidth = measuredWidth = 0; // 
>> _contents.getExplicitOrMeasuredWidth(); 
>> minHeight = measuredHeight = 0; // 
>> _contents.getExplicitOrMeasuredHeight(); 
>> } 
>> 
>> override protected function 
>> updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { 
>> super.updateDisplayList(unscaledWidth, unscaledHeight); 
>> contentHolder.scaleContentToFit(unscaledWidth, 
>> unscaledHeight); 
>> contentHolder.setActualSize(unscaledWidth, 
>> unscaledHeight); 
>> } 
>> ]]> 
>> </mx:Script> 
>> 
>> <comp:ScaledContentHolder id="contentHolder" width="100%" 
>> height="100%"> 
>> </comp:ScaledContentHolder> 
>> 
>> </mx:Canvas> 
>> 
>> ScaledContentHolder.as: 
>> 
>> package comp 
>> { 
>> import mx.core.Container; 
>> import mx.core.UIComponent; 
>> 
>> 
>> public class ScaledContentHolder extends UIComponent 
>> { 
>> public function ScaledContentHolder() 
>> { 
>> } 
>> 
>> private var _allowInvalidateSize:Boolean = true; 
>> private var _content:UIComponent; 
>> private var _contentChanged:Boolean = false; 
>> 
>> override protected function measure():void 
>> { 
>> super.measure(); 
>> minWidth = measuredWidth = 0; // 
>> _content.getExplicitOrMeasuredWidth(); 
>> minHeight = measuredHeight = 0; 
>> //_content.getExplicitOrMeasuredHeight(); 
>> } 
>> 
>> public function set content(value:UIComponent):void { 
>> _content = value; 
>> _contentChanged = true; 
>> this.invalidateProperties(); 
>> } 
>> 
>> override protected function commitProperties():void { 
>> super.commitProperties(); 
>> if (_contentChanged) { 
>> this.removeAllChildren(); 
>> this.addChild(_content); 
>> _contentChanged = false; 
>> } 
>> } 
>> 
>> 
>> private function removeAllChildren():void 
>> { 
>> while (numChildren> 0) 
>> { 
>> removeChildAt(0); 
>> } 
>> } 
>> 
>> 
>> override public function invalidateSize():void 
>> { 
>> if (_allowInvalidateSize) 
>> super.invalidateSize(); 
>> } 
>> 
>> public function scaleContentToFit(unscaledWidth:Number, 
>> unscaledHeight:Number):void { 
>> var contentWidth:Number = 
>> _content.getExplicitOrMeasuredWidth(); 
>> var contentHeight:Number = 
>> _content.getExplicitOrMeasuredHeight(); 
>> 
>> var xScale:Number = (unscaledWidth / contentWidth); 
>> var yScale:Number = (unscaledHeight / contentHeight); 
>> var finalScale:Number = Math.min(xScale, yScale); // Preserve 
>> aspect ratio 
>> 
>> _allowInvalidateSize = false; 
>> this.scaleX = finalScale; 
>> this.scaleY = finalScale; 
>> _allowInvalidateSize = true; 
>> 
>> var scaledContentWidth:Number = contentWidth * finalScale; 
>> var scaledContentHeight:Number = contentHeight * finalScale; 
>> 
>> this.move(unscaledWidth/2 - scaledContentWidth/2 , 
>> unscaledHeight/2 - scaledContentHeight/2); 
>> 
>> } 
>> 
>> override protected function 
>> updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 
>> { 
>> super.updateDisplayList(unscaledWidth, unscaledHeight); 
>> } 
>> } 
>> 
>> } 
>> 
> 
>

</div>
<div class="ygrp-dateline">
<div class="offset">
<a href="#toc">
Back to top </a>
</div> <a href="mailto:rrodseth@...?Subject=Re%3A%20%5Bflexcoders%5D%20Re%3A%20Scale%20to%20fit%2C%20revisited">
Reply to sender
</a> |
<a href="mailto:flexcomponents@...?Subject= Re%3A%20%5Bflexcoders%5D%20Re%3A%20Scale%20to%20fit%2C%20revisited">
Reply to group
</a> |
<a href="http://groups.yahoo.com/group/flexcomponents/post;_ylc=X3oDMTJyZDd0OHR0BF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTU4BHNlYwNkbXNnBHNsawNycGx5BHN0aW1lAzEyMjA1NTI2MTI-?act=reply&messageNum=3958">
Reply via web post
</a> 
<a href="http://groups.yahoo.com/group/flexcomponents/message/3946;_ylc=X3oDMTM2OW8yZGZ0BF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTU4BHNlYwNkbXNnBHNsawN2dHBjBHN0aW1lAzEyMjA1NTI2MTIEdHBjSWQDMzk0Ng--">
Messages in this topic
</a> (8)
</div> </dd>
</dl>
<dl class="last" >
<dt>2a. </dt>
<dd >
<h2>
<a href="http://groups.yahoo.com/group/flexcomponents/message/3959;_ylc=X3oDMTJyZWNucHB0BF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTU5BHNlYwNkbXNnBHNsawN2bXNnBHN0aW1lAzEyMjA1NTI2MTI-" name="2a">
Re: Reload a component </a>
</h2>
<h3>Posted by: "Umer Khan" <a href="mailto:umeremail@...?Subject= Re%3A%20Reload%20a%20component">
umeremail@... </a>

<a href="http://profiles.yahoo.com/umeremail">
umeremail
</a>
</h3>
<h4>
Wed Sep 3, 2008 10:57 pm (PDT) </h4>

<div class="ygrp-content">
well, Each compenent you made in flex have an event Creation_complete, I have put some properties in this event, but this event fire only once (first time) , i mean after opening it if you go to another screen and come back to the previous screen this time creation_complete will not fire :( :( and properties wouldnt set . 
 
can you please tell me any event that fire every time if a component come on screen ? 
 
apologies for my bad english :( 
Umer 
 
--- On Tue, 9/2/08, Josh McDonald <<a href="mailto:dznuts%40gmail.com">dznuts@gmail.com</a>> wrote: 
From: Josh McDonald <<a href="mailto:dznuts%40gmail.com">dznuts@gmail.com</a>> 
Subject: Re: [flexcomponents] Reload a component 
To: <a href="mailto:flexcomponents%40yahoogroups.com">flexcomponents@yahoogroups.com</a> 
Date: Tuesday, September 2, 2008, 10:07 PM 
 
Not sure exactly what you mean, could you explain in a little more detail, please? 
 
-Josh 
 
On Wed, Sep 3, 2008 at 12:05 PM, umeremail <umeremail@yahoo. com> wrote: 
 
hey? 
 
can i reload any component? i mean if i a component is being loaded 
 
then if we come back to same screen the component doesn't load neither 
 
its creationcomplete event fire? 
 
Is there any event that can tells me when a component is open , its 
 
fire every time when component is being requested. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
-- 
"Therefore, send not to know For whom the bell tolls. It tolls for thee." 
 
:: Josh 'G-Funk' McDonald 
:: 0437 221 380 :: josh@gfunk007. com 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="ygrp-dateline">
<div class="offset">
<a href="#toc">
Back to top </a>
</div> <a href="mailto:umeremail@...?Subject=Re%3A%20Reload%20a%20component">
Reply to sender
</a> |
<a href="mailto:flexcomponents@...?Subject= Re%3A%20Reload%20a%20component">
Reply to group
</a> |
<a href="http://groups.yahoo.com/group/flexcomponents/post;_ylc=X3oDMTJycmh1bjFtBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTU5BHNlYwNkbXNnBHNsawNycGx5BHN0aW1lAzEyMjA1NTI2MTI-?act=reply&messageNum=3959">
Reply via web post
</a> 
<a href="http://groups.yahoo.com/group/flexcomponents/message/3952;_ylc=X3oDMTM2YXYxaXE5BF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTU5BHNlYwNkbXNnBHNsawN2dHBjBHN0aW1lAzEyMjA1NTI2MTIEdHBjSWQDMzk1Mg--">
Messages in this topic
</a> (6)
</div> </dd>
<dt>2b. </dt>
<dd >
<h2>
<a href="http://groups.yahoo.com/group/flexcomponents/message/3960;_ylc=X3oDMTJyNjF2cGttBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTYwBHNlYwNkbXNnBHNsawN2bXNnBHN0aW1lAzEyMjA1NTI2MTI-" name="2b">
Re: Reload a component </a>
</h2>
<h3>Posted by: "Josh McDonald" <a href="mailto:dznuts@...?Subject= Re%3A%20Reload%20a%20component">
dznuts@... </a>

<a href="http://profiles.yahoo.com/brucethebruiser">
brucethebruiser
</a>
</h3>
<h4>
Wed Sep 3, 2008 11:23 pm (PDT) </h4>

<div class="ygrp-content">
You mean if you switch away from the browser? Or if you switch to a 
different child in a ViewStack or similar? 
 
Your English isn't too bad, so no need to worry. Just need to know exactly 
what you're after :) 
 
-Josh 
 
On Thu, Sep 4, 2008 at 2:51 PM, Umer Khan <<a href="mailto:umeremail%40yahoo.com">umeremail@yahoo.com</a>> wrote:

> well, Each compenent you made in flex have an event Creation_complete, I 
> have put some properties in this event, but this event fire only once (first 
> time) , i mean after opening it if you go to another screen and come back to 
> the previous screen this time creation_complete will not fire :( :( and 
> properties wouldnt set . 
> 
> can you please tell me any event that fire every time if a component come 
> on screen ? 
> 
> apologies for my bad english :( 
> Umer 
> 
> --- On *Tue, 9/2/08, Josh McDonald <<a href="mailto:dznuts%40gmail.com">dznuts@gmail.com</a>>* wrote: 
> 
> From: Josh McDonald <<a href="mailto:dznuts%40gmail.com">dznuts@gmail.com</a>> 
> Subject: Re: [flexcomponents] Reload a component 
> To: <a href="mailto:flexcomponents%40yahoogroups.com">flexcomponents@yahoogroups.com</a> 
> Date: Tuesday, September 2, 2008, 10:07 PM 
> 
> Not sure exactly what you mean, could you explain in a little more 
> detail, please? 
> 
> -Josh 
> 
> On Wed, Sep 3, 2008 at 12:05 PM, umeremail <umeremail@yahoo. com<<a href="mailto:umeremail%40yahoo.com">umeremail@yahoo.com</a>> 
> > wrote: 
> 
>> hey? 
>> can i reload any component? i mean if i a component is being loaded 
>> then if we come back to same screen the component doesn't load neither 
>> its creationcomplete event fire? 
>> Is there any event that can tells me when a component is open , its 
>> fire every time when component is being requested. 
>> 
>> 
> 
> 
> -- 
> "Therefore, send not to know For whom the bell tolls. It tolls for thee." 
> 
> :: Josh 'G-Funk' McDonald 
> :: 0437 221 380 :: josh@gfunk007. com <<a href="mailto:josh%40gfunk007.com">josh@gfunk007.com</a>> 
> 
> 
> 
>

-- 
"Therefore, send not to know For whom the bell tolls. It tolls for thee." 
 
<a href="http://flex.joshmcdonald.info/">http://flex.joshmcdonald.info/</a> 
 
:: Josh 'G-Funk' McDonald 
:: 0437 221 380 :: <a href="mailto:josh%40gfunk007.com">josh@gfunk007.com</a> 
</div>
<div class="ygrp-dateline">
<div class="offset">
<a href="#toc">
Back to top </a>
</div> <a href="mailto:dznuts@...?Subject=Re%3A%20Reload%20a%20component">
Reply to sender
</a> |
<a href="mailto:flexcomponents@...?Subject= Re%3A%20Reload%20a%20component">
Reply to group
</a> |
<a href="http://groups.yahoo.com/group/flexcomponents/post;_ylc=X3oDMTJyZjA1aWlzBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTYwBHNlYwNkbXNnBHNsawNycGx5BHN0aW1lAzEyMjA1NTI2MTI-?act=reply&messageNum=3960">
Reply via web post
</a> 
<a href="http://groups.yahoo.com/group/flexcomponents/message/3952;_ylc=X3oDMTM2YTFpZTJjBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTYwBHNlYwNkbXNnBHNsawN2dHBjBHN0aW1lAzEyMjA1NTI2MTIEdHBjSWQDMzk1Mg--">
Messages in this topic
</a> (6)
</div> </dd>
<dt>2c. </dt>
<dd >
<h2>
<a href="http://groups.yahoo.com/group/flexcomponents/message/3961;_ylc=X3oDMTJybmtmaHZzBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTYxBHNlYwNkbXNnBHNsawN2bXNnBHN0aW1lAzEyMjA1NTI2MTI-" name="2c">
Re: Reload a component </a>
</h2>
<h3>Posted by: "Umair Iqbal" <a href="mailto:umkhi@...?Subject= Re%3A%20Reload%20a%20component">
umkhi@... </a>

<a href="http://profiles.yahoo.com/umkhi">
umkhi
</a>
</h3>
<h4>
Thu Sep 4, 2008 9:50 am (PDT) </h4>

<div class="ygrp-content">
Josh, 
I think he is working with deep linking, tab navigator, view stack or any other navigation, after returning back to previous state he needs intimation by flex. 
 
Umer, 
You need to add listener for view stack, tab navigator or tab/ button bar or you need add Watcher on selectedIndex. 
if you are working with Deep Linking, then please tell me are you using BrowserManager, URLKit or some other. 
 
Regards, 
Umair 
 
----- Original Message ---- 
From: Josh McDonald <<a href="mailto:dznuts%40gmail.com">dznuts@gmail.com</a>> 
To: <a href="mailto:flexcomponents%40yahoogroups.com">flexcomponents@yahoogroups.com</a> 
Sent: Thursday, September 4, 2008 11:23:11 
Subject: Re: [flexcomponents] Reload a component 
 
You mean if you switch away from the browser? Or if you switch to a different child in a ViewStack or similar? 
 
Your English isn't too bad, so no need to worry. Just need to know exactly what you're after :) 
 
-Josh 
 
On Thu, Sep 4, 2008 at 2:51 PM, Umer Khan <umeremail@yahoo. com> wrote: 
 
well, Each compenent you made in flex have an event Creation_complete, I have put some properties in this event, but this event fire only once (first time) , i mean after opening it if you go to another screen and come back to the previous screen this time creation_complete will not fire :( :( and properties wouldnt set . 
 
can you please tell me any event that fire every time if a component come on screen ? 
 
apologies for my bad english :( 
Umer 
 
--- On Tue, 9/2/08, Josh McDonald <dznuts@gmail. com> wrote: 
 
From: Josh McDonald <dznuts@gmail. com> 
Subject: Re: [flexcomponents] Reload a component 
To: flexcomponents@ yahoogroups. com 
Date: Tuesday, September 2, 2008, 10:07 PM 
 
Not sure exactly what you mean, could you explain in a little more detail, please? 
 
-Josh 
 
On Wed, Sep 3, 2008 at 12:05 PM, umeremail <umeremail@yahoo. com> wrote: 
 
hey? 
can i reload any component? i mean if i a component is being loaded 
then if we come back to same screen the component doesn't load neither 
its creationcomplete event fire? 
Is there any event that can tells me when a component is open , its 
fire every time when component is being requested. 
 
-- 
"Therefore, send not to know For whom the bell tolls. It tolls for thee." 
 
:: Josh 'G-Funk' McDonald 
:: 0437 221 380 :: josh@gfunk007. com 
 
 
 
-- 
"Therefore, send not to know For whom the bell tolls. It tolls for thee." 
 
<a href="http://flex.">http://flex.</a> joshmcdonald. info/ 
 
:: Josh 'G-Funk' McDonald 
:: 0437 221 380 :: josh@gfunk007. com 
 
 
New Email addresses available on Yahoo! 
Get the Email name you've always wanted on the new @ymail and @rocketmail. 
Hurry before someone else does! 
<a href="http://mail.promotions.yahoo.com/newdomains/aa/">http://mail.promotions.yahoo.com/newdomains/aa/</a> </div>
<div class="ygrp-dateline">
<div class="offset">
<a href="#toc">
Back to top </a>
</div> <a href="mailto:umkhi@...?Subject=Re%3A%20Reload%20a%20component">
Reply to sender
</a> |
<a href="mailto:flexcomponents@...?Subject= Re%3A%20Reload%20a%20component">
Reply to group
</a> |
<a href="http://groups.yahoo.com/group/flexcomponents/post;_ylc=X3oDMTJyNzFpMDZpBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTYxBHNlYwNkbXNnBHNsawNycGx5BHN0aW1lAzEyMjA1NTI2MTI-?act=reply&messageNum=3961">
Reply via web post
</a> 
<a href="http://groups.yahoo.com/group/flexcomponents/message/3952;_ylc=X3oDMTM2aGxkMGRvBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRtc2dJZAMzOTYxBHNlYwNkbXNnBHNsawN2dHBjBHN0aW1lAzEyMjA1NTI2MTIEdHBjSWQDMzk1Mg--">
Messages in this topic
</a> (6)
</div> </dd>
</dl>
</div> </div> 

<div id="ygrp-sponsor" style="width:160px; float:right; clear:none; margin:0 0 25px 0; background:white;">



<div id="ygrp-reco">
</div>



<div id="ygrp-vital">
<div id="vithd">Recent Activity</div>
<ul style="list-style-type:none; padding: 0; margin: 2px 0;">
<li style="clear: both;">
<div class="ct" style="float: right;">
 8 </div>
<div class="cat"><a href="http://groups.yahoo.com/group/flexcomponents/members;_ylc=X3oDMTJnYm1oOHNmBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDdnRsBHNsawN2bWJycwRzdGltZQMxMjIwNTUyNjEy">New Members</a></div>
</li>

</ul>
<a href="http://groups.yahoo.com/group/flexcomponents;_ylc=X3oDMTJmbmh2c2JwBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDdnRsBHNsawN2Z2hwBHN0aW1lAzEyMjA1NTI2MTI-">
Visit Your Group </a>
</div>


<div id="nc">
<div class="ad">
<div id="hd1">Yahoo! Finance</div>
<a href="http://us.ard.yahoo.com/SIG=13oh5038r/M=493064.12016257.12445664.8674578/D=groups/S=1705007207:NC/Y=YAHOO/EXP=1220559812/L=/B=9FXeDELaX9Q-/J=1220552612681077/A=4507179/R=0/SIG=12de4rskk/*http://us.rd.yahoo.com/evt=50284/*http://finance.yahoo.com/personal-finance">It's Now Personal</a>
Guides, news,
advice & more. </div>
<div class="ad">
<div id="hd1">Yahoo! Groups</div>
<a href="http://us.ard.yahoo.com/SIG=13o9njqkm/M=493064.12662708.12980600.8674578/D=groups/S=1705007207:NC/Y=YAHOO/EXP=1220559812/L=/B=9VXeDELaX9Q-/J=1220552612681077/A=5349276/R=0/SIG=11nhsqmjq/*http://advision.webevents.yahoo.com/EverydayWellness/">Join people over 40</a>
who are finding ways
to stay in shape. </div>
<div class="ad">
<div id="hd1">Healthy Living</div>
<a href="http://us.ard.yahoo.com/SIG=13os99kea/M=493064.12662709.12980595.8674578/D=groups/S=1705007207:NC/Y=YAHOO/EXP=1220559812/L=/B=9lXeDELaX9Q-/J=1220552612681077/A=5349280/R=0/SIG=11ks6tatn/*http://advision.webevents.yahoo.com/HealthyLiving/">Learn to live life</a>
to the fullest
on Yahoo! Groups. </div>
</div>

<div id="nc">
<div class="ad">
<div id="hd1">Need to Reply?</div>
Click one of the "Reply" links to respond to a specific message in the Daily Digest.
</div>
</div>
</div>
<div id="post">
<a href="http://groups.yahoo.com/group/flexcomponents/post;_ylc=X3oDMTJmNTl2N3FyBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNudHBjBHN0aW1lAzEyMjA1NTI2MTI-" class="head">
Create New Topic </a> |
<a href="http://groups.yahoo.com/group/flexcomponents;_ylc=X3oDMTJkZWozZDU2BF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNocARzdGltZQMxMjIwNTUyNjEy" class="head">
Visit Your Group on the Web</a>
</a>
</div>


<div id="ygrp-vitnav">
<a href="http://groups.yahoo.com/group/flexcomponents/messages;_ylc=X3oDMTJmNDJ2NmE0BF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNtc2dzBHN0aW1lAzEyMjA1NTI2MTI-">Messages</a>
| <a href="http://groups.yahoo.com/group/flexcomponents/files;_ylc=X3oDMTJnMnEwMG9mBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNmaWxlcwRzdGltZQMxMjIwNTUyNjEy">Files</a>
| <a href="http://groups.yahoo.com/group/flexcomponents/photos;_ylc=X3oDMTJmN2YwN20zBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNwaG90BHN0aW1lAzEyMjA1NTI2MTI-">Photos</a>
| <a href="http://groups.yahoo.com/group/flexcomponents/links;_ylc=X3oDMTJnY3F0ZzhnBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNsaW5rcwRzdGltZQMxMjIwNTUyNjEy">Links</a>
| <a href="http://groups.yahoo.com/group/flexcomponents/database;_ylc=X3oDMTJkM2EwZ21sBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNkYgRzdGltZQMxMjIwNTUyNjEy">Database</a>
| <a href="http://groups.yahoo.com/group/flexcomponents/polls;_ylc=X3oDMTJnNWF0b2wxBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNwb2xscwRzdGltZQMxMjIwNTUyNjEy">Polls</a>
| <a href="http://groups.yahoo.com/group/flexcomponents/members;_ylc=X3oDMTJmZWJvYzM2BF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNtYnJzBHN0aW1lAzEyMjA1NTI2MTI-">Members</a>
| <a href="http://groups.yahoo.com/group/flexcomponents/calendar;_ylc=X3oDMTJldHVzc28zBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNjYWwEc3RpbWUDMTIyMDU1MjYxMg--">Calendar</a>
</div>

<div id="ygrp-ft">
<a href="http://groups.yahoo.com/;_ylc=X3oDMTJlNjBxbml2BF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNnZnAEc3RpbWUDMTIyMDU1MjYxMg--"><img src="http://us.i1.yimg.com/us.yimg.com/i/yg/img/logo/ma_grp_160.gif" height="15" width="106" border="0" alt="Yahoo! Groups"></a > 
<a href="http://groups.yahoo.com/group/flexcomponents/join;_ylc=X3oDMTJnYWZwZWJoBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNzdG5ncwRzdGltZQMxMjIwNTUyNjEy">Change settings via the Web</a> (Yahoo! ID required) 
Change settings via email: <a href="mailto:flexcomponents-normal@...?subject=Email Delivery: Indiviual Email">Switch delivery to Individual</a> | <a href = "mailto:flexcomponents-traditional@...?subject=Change Delivery Format: Traditional">Switch format to Traditional</a> 
<a href="http://groups.yahoo.com/group/flexcomponents;_ylc=X3oDMTJlbmU0NWtuBF9TAzk3MzU5NzE1BGdycElkAzE4MjM1OTY3BGdycHNwSWQDMTcwNTAwNzIwNwRzZWMDZnRyBHNsawNocGYEc3RpbWUDMTIyMDU1MjYxMg--">
Visit Your Group </a> |
<a href="http://docs.yahoo.com/info/terms/">
Yahoo! Groups Terms of Use </a> |
<a href="mailto:flexcomponents-unsubscribe@...?subject=Unsubscribe">
Unsubscribe </a>
</div> <img src="http://geo.yahoo.com/serv?s=97359715/grpId=18235967/grpspId=1705007207/msgId=844/stime=1220552611/nc1=4507179/nc2=5349276/nc3=5349280" width="1" height="1" border="0"
alt="">
</div> </body>
</html>

You've recently sent an email to howard@....
To stop unwanted spam emails arriving in their inbox, howard@... uses the
Tonsho verification process. For the email you sent to be received, you'll just need
to visit the link below. Once you've done this you'll be added to their approved
contact list and won't have to perform this check in the future.

Authenticate yourself by following this link:
http://www.tonsho.com/authenticate.jsp?sender=flexcomponents@...&smtp=66.218.67.213&recipient=howard@...

--------------------------------------------------------------------------------------
Are you fed up with the amount of junk mails you receive every day? The Tonsho service
for filtering spam is a FREE, quick and easy solution. To find out more or sign up
visit http://www.tonsho.com?pin=1001

This mail has been sent to you via Tonsho, a free service allowing you to send emails
with very large attachments directly from your normal email account.
Tonsho puts an end to mails bouncing back because they are too big.

Flex Component Development

Flex Component Development

Messages In This Digest (5
Messages)

1a.

Re: [flexcoders] Re: Scale to fit, revisited
From:
Richard Rodseth
1b.

Re: [flexcoders] Re: Scale to fit, revisited
From:
Richard Rodseth

2a.

Re: Reload a component
From:
Umer Khan
2b.

Re: Reload a component
From:
Josh McDonald
2c.

Re: Reload a component
From:
Umair Iqbal

View All Topics | Create New Topic

Messages

1a.

Re: [flexcoders] Re: Scale to fit, revisited

Posted by: "Richard Rodseth"
rrodseth@...

rcrodseth

Wed Sep 3, 2008 1:07 pm (PDT)

On Tue, Sep 2, 2008 at 9:51 PM, Alex Harui < aharui@... > wrote:

> If you post a test case, I might get a chance to look at it
> .
> sdf
>

Thanks, that would be great. A Flex project archive is attached, and the
complete code is also below. There's an HBox with two instances of the
ScaledContent component. The button on the right scales and centers
properly. The one on the left doesn't.

TestScaledContent.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml " layout="vertical"
xmlns:comp="comp.*"
>
<mx:HBox width="90%" height="90%" borderStyle="solid">
<comp:ScaledContent width="50%" height="100%" borderStyle="solid" >
<mx:Button label="This is a button" />
</comp:ScaledContent>
<comp:ScaledContent width="50%" height="100%" borderStyle="solid" >
<mx:Button label="This is a button" width="1400"
height="1400" cornerRadius="100"/>
</comp:ScaledContent>
</mx:HBox>

</mx:Application>

ScaledContent.mxml:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx=" http://www.adobe.com/2006/mxml " xmlns:comp="comp.*"
horizontalScrollPolicy="off" verticalScrollPolicy="off"
>

<mx:Metadata>
[DefaultProperty("contents")]
</mx:Metadata>

<mx:Script>
<![CDATA[
import mx.core.UIComponent;

private var _contents:UIComponent;
private var _contentsChanged:Boolean = false;

public function set contents(value:UIComponent):void {
_contents = value;
_contentsChanged = true;
this.invalidateProperties();
}

override protected function commitProperties():void {
super.commitProperties();

if (_contentsChanged) {
contentHolder.content = _contents;
_contentsChanged = false;
}
}

override protected function measure():void {
super.measure();
minWidth = measuredWidth = 0; //
_contents.getExplicitOrMeasuredWidth();
minHeight = measuredHeight = 0; //
_contents.getExplicitOrMeasuredHeight();
}

override protected function
updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
super.updateDisplayList(unscaledWidth, unscaledHeight);
contentHolder.scaleContentToFit(unscaledWidth,
unscaledHeight);
contentHolder.setActualSize(unscaledWidth, unscaledHeight);
}
]]>
</mx:Script>

<comp:ScaledContentHolder id="contentHolder" width="100%" height="100%">
</comp:ScaledContentHolder>

</mx:Canvas>

ScaledContentHolder.as:

package comp
{
import mx.core.Container;
import mx.core.UIComponent;

public class ScaledContentHolder extends UIComponent
{
public function ScaledContentHolder()
{
}

private var _allowInvalidateSize:Boolean = true;
private var _content:UIComponent;
private var _contentChanged:Boolean = false;

override protected function measure():void
{
super.measure();
minWidth = measuredWidth = 0; //
_content.getExplicitOrMeasuredWidth();
minHeight = measuredHeight = 0;
//_content.getExplicitOrMeasuredHeight();
}

public function set content(value:UIComponent):void {
_content = value;
_contentChanged = true;
this.invalidateProperties();
}

override protected function commitProperties():void {
super.commitProperties();
if (_contentChanged) {
this.removeAllChildren();
this.addChild(_content);
_contentChanged = false;
}
}

private function removeAllChildren():void
{
while (numChildren> 0)
{
removeChildAt(0);
}
}

override public function invalidateSize():void
{
if (_allowInvalidateSize)
super.invalidateSize();
}

public function scaleContentToFit(unscaledWidth:Number,
unscaledHeight:Number):void {
var contentWidth:Number = _content.getExplicitOrMeasuredWidth();
var contentHeight:Number =
_content.getExplicitOrMeasuredHeight();

var xScale:Number = (unscaledWidth / contentWidth);
var yScale:Number = (unscaledHeight / contentHeight);
var finalScale:Number = Math.min(xScale, yScale); // Preserve
aspect ratio

_allowInvalidateSize = false;
this.scaleX = finalScale;
this.scaleY = finalScale;
_allowInvalidateSize = true;

var scaledContentWidth:Number = contentWidth * finalScale;
var scaledContentHeight:Number = contentHeight * finalScale;

this.move(unscaledWidth/2 - scaledContentWidth/2 ,
unscaledHeight/2 - scaledContentHeight/2);

}

override protected function updateDisplayList(unscaledWidth:Number,
unscaledHeight:Number):void
{
super.updateDisplayList(unscaledWidth, unscaledHeight);
}
}

}

Back to top

Reply to sender
|

Reply to group
|

Reply via web post

Messages in this topic
(8)

1b.

Re: [flexcoders] Re: Scale to fit, revisited

Posted by: "Richard Rodseth"
rrodseth@...

rcrodseth

Wed Sep 3, 2008 2:51 pm (PDT)

Sorry folks. One more time with attachment renamed to foil the filters.

On Wed, Sep 3, 2008 at 10:28 AM, Richard Rodseth < rrodseth@... > wrote:

> Cross-posting to flexcoders...
>
>
> On Wed, Sep 3, 2008 at 9:34 AM, Richard Rodseth < rrodseth@... >wrote:
>
>> On Tue, Sep 2, 2008 at 9:51 PM, Alex Harui < aharui@... > wrote:
>>
>>> If you post a test case, I might get a chance to look at it
>>> .
>>> sdf
>>>
>>
>> Thanks, that would be great. A Flex project archive is attached, and the
>> complete code is also below. There's an HBox with two instances of the
>> ScaledContent component. The button on the right scales and centers
>> properly. The one on the left doesn't.
>>
>> TestScaledContent.mxml
>>
>> <?xml version="1.0" encoding="utf-8"?>
>> <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml "
>> layout="vertical"
>> xmlns:comp="comp.*"
>> >
>> <mx:HBox width="90%" height="90%" borderStyle="solid">
>> <comp:ScaledContent width="50%" height="100%" borderStyle="solid"
>> >
>> <mx:Button label="This is a button" />
>> </comp:ScaledContent>
>> <comp:ScaledContent width="50%" height="100%" borderStyle="solid"
>> >
>> <mx:Button label="This is a button" width="1400"
>> height="1400" cornerRadius="100"/>
>> </comp:ScaledContent>
>> </mx:HBox>
>>
>> </mx:Application>
>>
>>
>> ScaledContent.mxml:
>>
>> <?xml version="1.0" encoding="utf-8"?>
>> <mx:Canvas xmlns:mx=" http://www.adobe.com/2006/mxml " xmlns:comp="comp.*"
>> horizontalScrollPolicy="off" verticalScrollPolicy="off"
>> >
>>
>> <mx:Metadata>
>> [DefaultProperty("contents")]
>> </mx:Metadata>
>>
>> <mx:Script>
>> <![CDATA[
>> import mx.core.UIComponent;
>>
>> private var _contents:UIComponent;
>> private var _contentsChanged:Boolean = false;
>>
>> public function set contents(value:UIComponent):void {
>> _contents = value;
>> _contentsChanged = true;
>> this.invalidateProperties();
>> }
>>
>> override protected function commitProperties():void {
>> super.commitProperties();
>>
>> if (_contentsChanged) {
>> contentHolder.content = _contents;
>> _contentsChanged = false;
>> }
>> }
>>
>>
>> override protected function measure():void {
>> super.measure();
>> minWidth = measuredWidth = 0; //
>> _contents.getExplicitOrMeasuredWidth();
>> minHeight = measuredHeight = 0; //
>> _contents.getExplicitOrMeasuredHeight();
>> }
>>
>> override protected function
>> updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
>> super.updateDisplayList(unscaledWidth, unscaledHeight);
>> contentHolder.scaleContentToFit(unscaledWidth,
>> unscaledHeight);
>> contentHolder.setActualSize(unscaledWidth,
>> unscaledHeight);
>> }
>> ]]>
>> </mx:Script>
>>
>> <comp:ScaledContentHolder id="contentHolder" width="100%"
>> height="100%">
>> </comp:ScaledContentHolder>
>>
>> </mx:Canvas>
>>
>> ScaledContentHolder.as:
>>
>> package comp
>> {
>> import mx.core.Container;
>> import mx.core.UIComponent;
>>
>>
>> public class ScaledContentHolder extends UIComponent
>> {
>> public function ScaledContentHolder()
>> {
>> }
>>
>> private var _allowInvalidateSize:Boolean = true;
>> private var _content:UIComponent;
>> private var _contentChanged:Boolean = false;
>>
>> override protected function measure():void
>> {
>> super.measure();
>> minWidth = measuredWidth = 0; //
>> _content.getExplicitOrMeasuredWidth();
>> minHeight = measuredHeight = 0;
>> //_content.getExplicitOrMeasuredHeight();
>> }
>>
>> public function set content(value:UIComponent):void {
>> _content = value;
>> _contentChanged = true;
>> this.invalidateProperties();
>> }
>>
>> override protected function commitProperties():void {
>> super.commitProperties();
>> if (_contentChanged) {
>> this.removeAllChildren();
>> this.addChild(_content);
>> _contentChanged = false;
>> }
>> }
>>
>>
>> private function removeAllChildren():void
>> {
>> while (numChildren> 0)
>> {
>>