0 Replies Latest reply on Oct 13, 2010 1:29 PM by rck_Cena77

    using path and wipe effect giving problem?

    rck_Cena77

      Hi,

       

      i am using states,path , transitions and effects.   I had one image, one fxg, one rect in a row, when mouseover the color has to change from left to right

       

      using effect and transition  the problem is when the state changes the fxg  color has to change, while changing the color, fxg is moving 1 px down and

       

      coming back, and this happens some times only, i dont understand why.

       

      i have to implement updatedisplaylist something like that, i tired by setting the x,y values of the fxg's but it didn't work.

       

      appreciate your help.

       

      <fx:Metadata>[HostComponent("Components.SkinnableValueLabel")]</fx:Metadata>

       

      <s:states>
              <s:State name="up"/>
              <s:State name="over"/>
          </s:states>

       

      <s:Group      id="layoutRoot"   x="0"  y="0" >
      <s:Grou  id="wipeTarget >      <s:Group      id="connector"   >

       

      <s:Path   id="pathvalue"  x="22"    y="12" data="M1.30701 0 1 more here 01 0Z"    >

      <s:fill>  <s:SolidColor color="#000000" color.over="#0A8A9D"/>  </s:fill>   <s:filters>

            <s:GlowFilter blurX="2"           blurY="2"   inner="false"   color="#ffffff"   strength="7"   quality="3"    knockout="false"   alpha="0"   alpha.over="1" />
         
                        <s:DropShadowFilter blurX="4.0"  blurY="4.0"   distance="2"  hideObject="false"   inner="false" color="0x000000"     strength="1"  alpha="0.25"    quality="2"  knockout="false"   angle="45.0"/>

      </s:filters>   </s:Path>  </s:Group>
                  
                   <s:Group   id="label" y="21"     x="85"    >
                     <s:Rect   id="innerRectangle"    height="37"    radiusX="12"           radiusY="12"  width="113"      x="2"   y="2"  >
                      
                   <s:stroke>
                                                   
                                         <s:SolidColorStroke
                                  color="#3A3E42"
                                  weight="2"
                                  color.over="#0A91A5"
                                  /></s:stroke>
                          <s:fill>
                              <s:SolidColor color="#FFFFFF"/>
                          </s:fill>
                          <s:filters>
                              <s:GlowFilter
                                  blurX="2"
                                  blurY="2"
                                  inner="false"
                                  color="#ffffff"
                                  strength="7"
                                  quality="3"
                                  knockout="false"
                                  alpha="0"
                                  alpha.over="1"
                                  />
                              <s:DropShadowFilter
                                  blurX="4.0"
                                  blurY="4.0"
                                  distance="2"
                                  hideObject="false"
                                  inner="false"
                                  color="0x000000"
                                  strength="1"
                                  alpha="0.25"
                                  quality="2"
                                  knockout="false"
                                  angle="45.0"
                                  />
                          </s:filters>
                      </s:Rect>
                      <s:RichText
                          id="txtPriceType"
                          x="8" y="8"
                          textAlign="center"
                          color="#0A90A4"
                          color.up="#666666"
                          fontFamily="Arial"
                          fontSize="14"
                          fontWeight="bold"
                          text="{hostComponent.HeaderText}"            
                          />
                      <s:RichText
                          id="txtAmount"
                          x="39"
                          y="24"
                          textAlign="center"
                          color="#000000"
                          fontFamily="Arial"
                          fontSize="11"
                          fontWeight="bold"
                          text="{priceFormatter.format(hostComponent.BodyText)}"
                          />
                  </s:Group>

       

              </s:Group>
             
              <s:Group
                  id="anchor"
                  x="0"
                  y="0"
                  >               
                  <mx:Image
                      source.up="@Embed('Assets/markerOff.png')"
                      source.over="@Embed('Assets/markerOn.png')"
                      />               
              </s:Group>
             
          </s:Group>
         
          <s:transitions>
              <s:Transition fromState="up" toState="over" autoReverse="true">
                  <s:Sequence> 
                      <s:Wipe direction="right" duration="500" target="{wipeTarget}" disableLayout="true" />
                  </s:Sequence> 
              </s:Transition>
          </s:transitions>
      </s:Skin>

       

      Message was edited by: rck_Cena77