You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by Scott Matheson <sm...@intralinks.com> on 2014/07/18 14:35:23 UTC

dynamic skin scale

Hi
  i have a skin, that i need to scaleX, the skin needs to read the scale from the button definition


    <s:Button left="1"  right="1" top="-29" height="30"  click="blockBack(event)" skinClass="com.peach.uofs.lesson.DynamicBlockNavBack"/>

i have used this approach before   backgroundColor.down="{getStyle('color')}"   but scaleX seems not to be a Style





Skin
-------------------------------------------------------------------------------------------------------------


    <s:Group  >
        <s:Group  >
            <s:Path winding="nonZero" scaleX="2"  data="M206.908 21.834 206.908 6.66797C206.908 2.99219 203.917 0 200.24 0L6.66797 0C2.99121 0 0 2.99219 0 6.66797L0 21.834 206.908 21.834Z">
                <s:fill>
                    <s:SolidColor color.up="#DCDCDC"   color.disabled="#F0F0F0"   color.down="#787878" color.over="#AAAAAA" />
                </s:fill>
            </s:Path>
            <s:Path x="84.7711" y="3.82227" winding="nonZero"  data="M18.0707 0C18.2758 0 18.4809 0.0546875 18.662 0.167969L35.6088 10.6621C36.1361 10.9902 36.3002 11.6816 35.9731 12.209 35.6459 12.7363 34.9525 12.8984 34.4272 12.5723L18.0707 2.44336 1.71475 12.5723C1.18741 12.9004 0.495514 12.7363 0.168365 12.209
                    -0.158295 11.6816 0.00479126 10.9902 0.532135 10.6621L17.4794 0.167969C17.6606 0.0546875 17.8656 0 18.0707 0Z">
                <s:fill>
                    <s:SolidColor color="#FFFFFF"/>
                </s:fill>
            </s:Path>
        </s:Group>
    </s:Group>


________________________________

Disclaimer: This electronic mail and any attachments are confidential and may be privileged. If you are not the intended recipient, please notify the sender immediately by replying to this email, and destroy all copies of this email and any attachments. Thank you.

Re: dynamic skin scale

Posted by Subscriptions <su...@leeburrows.com>.
try setting type of _buttonScale to Number, or remove the private var 
completely and access directly:

... scaleX="{hostComponent.scaleX}" ...


On 18/07/2014 14:12, Scott Matheson wrote:
> can you give me an excample of how to implement this i try  this  , with no luck
>
>
>
>
>
>                          [Bindable]
>                          private var _buttonScale:int = hostComponent.scaleX;
>
>
>                  ]]>
>          </fx:Script>
>
>
>
>
>
>          <s:Group  >
>                  <s:Group  >
>                          <s:Path winding="nonZero" scaleX="{_buttonScale}"  data="M206.908 21.834 206.908 6.66797C206.908 2.99219 203.917 0 200.24 0L6.66797 0C2.99121 0 0 2.99219 0 6.66797L0 21.834 206.908 21.834Z">
>
>
>
> ________________________________________
> From: Subscriptions [subscriptions@leeburrows.com]
> Sent: Friday, July 18, 2014 1:45 PM
> To: users@flex.apache.org
> Subject: Re: dynamic skin scale
>
> you should be able to read the scale with hostComponent.scaleX
>
>
> On 18/07/2014 13:35, Scott Matheson wrote:
>> Hi
>>     i have a skin, that i need to scaleX, the skin needs to read the scale from the button definition
>>
>>
>>       <s:Button left="1"  right="1" top="-29" height="30"  click="blockBack(event)" skinClass="com.peach.uofs.lesson.DynamicBlockNavBack"/>
>>
>> i have used this approach before   backgroundColor.down="{getStyle('color')}"   but scaleX seems not to be a Style
>>
>>
>>
>>
>>
>> Skin
>> -------------------------------------------------------------------------------------------------------------
>>
>>
>>       <s:Group  >
>>           <s:Group  >
>>               <s:Path winding="nonZero" scaleX="2"  data="M206.908 21.834 206.908 6.66797C206.908 2.99219 203.917 0 200.24 0L6.66797 0C2.99121 0 0 2.99219 0 6.66797L0 21.834 206.908 21.834Z">
>>                   <s:fill>
>>                       <s:SolidColor color.up="#DCDCDC"   color.disabled="#F0F0F0"   color.down="#787878" color.over="#AAAAAA" />
>>                   </s:fill>
>>               </s:Path>
>>               <s:Path x="84.7711" y="3.82227" winding="nonZero"  data="M18.0707 0C18.2758 0 18.4809 0.0546875 18.662 0.167969L35.6088 10.6621C36.1361 10.9902 36.3002 11.6816 35.9731 12.209 35.6459 12.7363 34.9525 12.8984 34.4272 12.5723L18.0707 2.44336 1.71475 12.5723C1.18741 12.9004 0.495514 12.7363 0.168365 12.209
>>                       -0.158295 11.6816 0.00479126 10.9902 0.532135 10.6621L17.4794 0.167969C17.6606 0.0546875 17.8656 0 18.0707 0Z">
>>                   <s:fill>
>>                       <s:SolidColor color="#FFFFFF"/>
>>                   </s:fill>
>>               </s:Path>
>>           </s:Group>
>>       </s:Group>
>>
>>
>> ________________________________
>>
>> Disclaimer: This electronic mail and any attachments are confidential and may be privileged. If you are not the intended recipient, please notify the sender immediately by replying to this email, and destroy all copies of this email and any attachments. Thank you.
>>
> --
> Lee Burrows
> ActionScripter
>
>
> ________________________________
>
> Disclaimer: This electronic mail and any attachments are confidential and may be privileged. If you are not the intended recipient, please notify the sender immediately by replying to this email, and destroy all copies of this email and any attachments. Thank you.

-- 
Lee Burrows
ActionScripter


RE: dynamic skin scale

Posted by Scott Matheson <sm...@intralinks.com>.
can you give me an excample of how to implement this i try  this  , with no luck





                        [Bindable]
                        private var _buttonScale:int = hostComponent.scaleX;


                ]]>
        </fx:Script>





        <s:Group  >
                <s:Group  >
                        <s:Path winding="nonZero" scaleX="{_buttonScale}"  data="M206.908 21.834 206.908 6.66797C206.908 2.99219 203.917 0 200.24 0L6.66797 0C2.99121 0 0 2.99219 0 6.66797L0 21.834 206.908 21.834Z">



________________________________________
From: Subscriptions [subscriptions@leeburrows.com]
Sent: Friday, July 18, 2014 1:45 PM
To: users@flex.apache.org
Subject: Re: dynamic skin scale

you should be able to read the scale with hostComponent.scaleX


On 18/07/2014 13:35, Scott Matheson wrote:
> Hi
>    i have a skin, that i need to scaleX, the skin needs to read the scale from the button definition
>
>
>      <s:Button left="1"  right="1" top="-29" height="30"  click="blockBack(event)" skinClass="com.peach.uofs.lesson.DynamicBlockNavBack"/>
>
> i have used this approach before   backgroundColor.down="{getStyle('color')}"   but scaleX seems not to be a Style
>
>
>
>
>
> Skin
> -------------------------------------------------------------------------------------------------------------
>
>
>      <s:Group  >
>          <s:Group  >
>              <s:Path winding="nonZero" scaleX="2"  data="M206.908 21.834 206.908 6.66797C206.908 2.99219 203.917 0 200.24 0L6.66797 0C2.99121 0 0 2.99219 0 6.66797L0 21.834 206.908 21.834Z">
>                  <s:fill>
>                      <s:SolidColor color.up="#DCDCDC"   color.disabled="#F0F0F0"   color.down="#787878" color.over="#AAAAAA" />
>                  </s:fill>
>              </s:Path>
>              <s:Path x="84.7711" y="3.82227" winding="nonZero"  data="M18.0707 0C18.2758 0 18.4809 0.0546875 18.662 0.167969L35.6088 10.6621C36.1361 10.9902 36.3002 11.6816 35.9731 12.209 35.6459 12.7363 34.9525 12.8984 34.4272 12.5723L18.0707 2.44336 1.71475 12.5723C1.18741 12.9004 0.495514 12.7363 0.168365 12.209
>                      -0.158295 11.6816 0.00479126 10.9902 0.532135 10.6621L17.4794 0.167969C17.6606 0.0546875 17.8656 0 18.0707 0Z">
>                  <s:fill>
>                      <s:SolidColor color="#FFFFFF"/>
>                  </s:fill>
>              </s:Path>
>          </s:Group>
>      </s:Group>
>
>
> ________________________________
>
> Disclaimer: This electronic mail and any attachments are confidential and may be privileged. If you are not the intended recipient, please notify the sender immediately by replying to this email, and destroy all copies of this email and any attachments. Thank you.
>

--
Lee Burrows
ActionScripter


________________________________

Disclaimer: This electronic mail and any attachments are confidential and may be privileged. If you are not the intended recipient, please notify the sender immediately by replying to this email, and destroy all copies of this email and any attachments. Thank you.

Re: dynamic skin scale

Posted by Subscriptions <su...@leeburrows.com>.
you should be able to read the scale with hostComponent.scaleX


On 18/07/2014 13:35, Scott Matheson wrote:
> Hi
>    i have a skin, that i need to scaleX, the skin needs to read the scale from the button definition
>
>
>      <s:Button left="1"  right="1" top="-29" height="30"  click="blockBack(event)" skinClass="com.peach.uofs.lesson.DynamicBlockNavBack"/>
>
> i have used this approach before   backgroundColor.down="{getStyle('color')}"   but scaleX seems not to be a Style
>
>
>
>
>
> Skin
> -------------------------------------------------------------------------------------------------------------
>
>
>      <s:Group  >
>          <s:Group  >
>              <s:Path winding="nonZero" scaleX="2"  data="M206.908 21.834 206.908 6.66797C206.908 2.99219 203.917 0 200.24 0L6.66797 0C2.99121 0 0 2.99219 0 6.66797L0 21.834 206.908 21.834Z">
>                  <s:fill>
>                      <s:SolidColor color.up="#DCDCDC"   color.disabled="#F0F0F0"   color.down="#787878" color.over="#AAAAAA" />
>                  </s:fill>
>              </s:Path>
>              <s:Path x="84.7711" y="3.82227" winding="nonZero"  data="M18.0707 0C18.2758 0 18.4809 0.0546875 18.662 0.167969L35.6088 10.6621C36.1361 10.9902 36.3002 11.6816 35.9731 12.209 35.6459 12.7363 34.9525 12.8984 34.4272 12.5723L18.0707 2.44336 1.71475 12.5723C1.18741 12.9004 0.495514 12.7363 0.168365 12.209
>                      -0.158295 11.6816 0.00479126 10.9902 0.532135 10.6621L17.4794 0.167969C17.6606 0.0546875 17.8656 0 18.0707 0Z">
>                  <s:fill>
>                      <s:SolidColor color="#FFFFFF"/>
>                  </s:fill>
>              </s:Path>
>          </s:Group>
>      </s:Group>
>
>
> ________________________________
>
> Disclaimer: This electronic mail and any attachments are confidential and may be privileged. If you are not the intended recipient, please notify the sender immediately by replying to this email, and destroy all copies of this email and any attachments. Thank you.
>

-- 
Lee Burrows
ActionScripter